如何排除 <TR> jQuery的表格？

Question

我用jQuery开发了一个分页表，一切正常

但我有一个问题，我的桌子上有一些TR，我不需要计算它们

我在肢体表中使用ID

jQuery代码

 $.fn.pageMe = function(opts) { var $this = this, defaults = { perPage: 7, showPrevNext: false, hidePageNumbers: false }, settings = $.extend(defaults, opts); var listElement = $this; var perPage = settings.perPage; var children = listElement.children(); var pager = $('.pager'); if (typeof settings.childSelector != "undefined") { children = listElement.find(settings.childSelector); } if (typeof settings.pagerSelector != "undefined") { pager = $(settings.pagerSelector); } var numItems = children.size(); var numPages = Math.ceil(numItems / perPage); pager.data("curr", 0); if (settings.showPrevNext) { $('<li><a href="#" class="prev_link">«</a></li>').appendTo(pager); } var curr = 0; // Added class and id in li start while (numPages > curr && (settings.hidePageNumbers == false)) { $('<li id="pg' + (curr + 1) + '" class="pg"><a href="#" class="page_link">' + (curr + 1) + '</a></li>').appendTo(pager); curr++; } // Added class and id in li end if (settings.showPrevNext) { $('<li><a href="#" class="next_link">»</a></li>').appendTo(pager); } pager.find('.page_link:first').addClass('active'); pager.find('.prev_link').hide(); if (numPages <= 1) { pager.find('.next_link').hide(); } pager.children().eq(1).addClass("active"); children.hide(); children.slice(0, perPage).show(); if (numPages > 3) { $('.pg').hide(); $('#pg1,#pg2,#pg3').show(); $("#pg3").after($("<li class='ell'>").html("<span>...</span>")); } pager.find('li .page_link').click(function() { var clickedPage = $(this).html().valueOf() - 1; goTo(clickedPage, perPage); return false; }); pager.find('li .prev_link').click(function() { previous(); return false; }); pager.find('li .next_link').click(function() { next(); return false; }); function previous() { var goToPage = parseInt(pager.data("curr")) - 1; goTo(goToPage); } function next() { goToPage = parseInt(pager.data("curr")) + 1; goTo(goToPage); } function goTo(page) { var startAt = page * perPage, endOn = startAt + perPage; // Added few lines from here start $('.pg').hide(); $(".ell").remove(); var prevpg = $("#pg" + page).show(); var currpg = $("#pg" + (page + 1)).show(); var nextpg = $("#pg" + (page + 2)).show(); if (prevpg.length == 0) nextpg = $("#pg" + (page + 3)).show(); if (prevpg.length == 1 && nextpg.length == 0) { prevpg = $("#pg" + (page - 1)).show(); } if (curr > 3) { if (page > 1) prevpg.before($("<li class='ell'>").html("<span>...</span>")); if (page < curr - 2) nextpg.after($("<li class='ell'>").html("<span>...</span>")); } currpg.addClass("active").siblings().removeClass("active"); // Added few lines till here end children.css('display', 'none').slice(startAt, endOn).show(); if (page >= 1) { pager.find('.prev_link').show(); } else { pager.find('.prev_link').hide(); } if (page < (numPages - 1)) { pager.find('.next_link').show(); } else { pager.find('.next_link').hide(); } pager.data("curr", page); } }; $(document).ready(function() { $('#myTable').pageMe({ pagerSelector: '#myPager', showPrevNext: true, hidePageNumbers: false, perPage: 2 }); }); 

因此，使用此代码将表中的所有<tr>都占用了，但是我需要排除一些tr怎么办？

我尝试将ID赋予所需的TR，但没有结果

Answer 1

假设这是您的表：

<table id='myPager'>
  <tbody>
    <tr><td>row 1</td></td>
    <tr><td>row 2</td></td>
  </tbody>
</table>

并且您的代码可以：

$(opts.pagerSelector).find("tbody>tr").slice(1, 10).hide();

然后，将一个类添加到要排除的行中，此处将使用“已排除”，但您可能希望将其添加为一个选项：

<table id='myPager'>
  <tbody>
    <tr><td>row 1</td></td>
    <tr><td class='excluded'>row 2</td></td>
  </tbody>
</table>

然后检查该类：

$(opts.pagerSelector).find("tbody>tr:not(.excluded)").slice(1, 10).hide();

---

更新：从问题的其他详细信息中：

更改

var children = listElement.children();

至

var children = listElement.children().not(".excluded");