javascript - 使用jquery动态显示n个隐藏表行：gt

Question

:gt()我想知道如何以包容的方式使用 jQuery 。我正在尝试动态显示/隐藏表格行。

$('#' + tbodyId + ' > tr:gt(' + newRowStart + '):lt(' + rowsToShow + ')').show();

如果我尝试显示前 5 行，请说，newRowStart = 0并且rowsToShow = 5. 这不会显示第一行。将其设置为 -1 也不起作用。如果有像:gt(). 有谁知道如何做到这一点？

Answer 1

我只会使用.slice ^[docs]：

$('#' + tbodyId + ' > tr').slice(newRowStart, newRowStart + rowsToShow).show();
// or if rowsToShow is an index actually:
$('#' + tbodyId + ' > tr').slice(newRowStart, rowsToShow).show();

它也更容易阅读。

如果有像这样的包容性方法，那将非常有帮助:gt()

从来没听说过。如果要包含给定索引中的所有元素，则如果索引为 0，则必须使用:gt(index-1)或完全省略。:gt

Answer 2

一种选择是使用 slice()：

$('#'+tbodyId)
  .find('tr')
  .slice( newRowStart, newRowStart + rowsToShow ) // inclusive of starting point
  .show();