How to hide DIV in paging

Question

I have an onclick button that removes all DIV a result. But it only removes the DIV's that are in the paging 1. The other results are in paging 2.3 ... etc are not removed. How to solve it?

function removeDiv (){
    $('#divPlay').removeClass("visible").addClass("hidden");
}

<a onclick="removeDiv()">Remove</a>

Pagination 1: Ok -

Pagination 2: Error -

Answer 1

Call remove div on pagination:

$('.pagination a').on("click", function(){
    removeDiv();
}}

However, if the table's data is being loaded dynamically, I would recommend putting the logic for hiding divs in the code where data is being loaded (or retrieved) rather than waiting until elements are available in the document.