The essence of the problem when adding div.t-row in the paginator is incorrectly formed the numbering reference to the working code

code:

$(".check-all").click(function () { $(".check-domen").not(this).prop('checked', this.checked); }); $(".domain_inp").change(function(){ var inpDomain = $(this).val(); $("#createD").bind("click", function () { $("#tba").append("<div class='t-row'><div class='col-1'>" + "<input class='check-domen checkbox' type='checkbox' name='check-domen'>" + "</div>" + "<div class='col-2'>" + "<div class='wrap-c2'>" + "<i class='site-ico'></i>" + "<a href='#' class='domen-name'>" + inpDomain + "</a></div></div></div>") var rowsTotal = $(".t-row").length; var rowsShown = 10; var numPages = rowsTotal/rowsShown; for(i=0; i < numPages; i++) { var pageNum = i + 1; var pagLink = '<a href="#" rel="'+i+'">'+ pageNum +'</a>'; /*$(this).closest(".wrap-table").append(pagLink)*/ $(".wrap-paginator").append(pagLink); } $(".wrap-page #tba .t-row").hide(); $(".wrap-page #tba .t-row").slice(0, rowsShown).show(); }); })

    2 answers 2

    as an option, replace your cycle

      $(".wrap-paginator").empty() for(i=0; i <= Math.floor(numPages); i++) { var pageNum = i + 1; var pagLink = '<a href="#" rel="'+i+'">'+ pageNum +'</a>'; $(".wrap-paginator").append(pagLink); }

      Loop error:

       $(".wrap-paginator").append(pagLink);

      A link is added to each pass in the .wrap-paginator, with the old links remaining.

      You can change the cycle as follows:

       var paginationHtml = ''; for (var i=0; i < numPages; i++) { var pageNum = i + 1; var pagLink = '<a href="#" rel="'+i+'">'+ pageNum +'</a>'; paginationHtml += pagLink; } $(".wrap-paginator").html(paginationHtml);