I cannot move elements of the table which are hidden in another page of pagination

arcanisgk

I cannot move elements of the table, which are hidden in another page of pagination.

i have build huge bulk of td Content Like this, around 1000:

<td>
       <button type="button" class="btn btn-primary" data-toggle="ships" >Send Ships</button>
       <div class="ships"></ships>
</td>

Some of this are hidden becouse the pagination.... show 10 per Page...

when i try to move all div with this class: .ships to other div, out of the current table DOM, it only move the current view page/pagination and not the other hidden....

$('.ships').appendTo("#ships-js");

arcanisgk

solved with this:

$(document).off('click.td', '.paginate_button.page-item > .page-link');
$(document).unbind('click.td', '.paginate_button.page-item > .page-link');
$(document).on('click.td', '.paginate_button.page-item > .page-link', function() {
        var Ships= $(.ships);
        Ships.appendTo("#ships-js");
});