动态显示隐藏表行使用jquery:gt

dynamically show n hide table rows using jquery :gt

本文关键字：jquery gt 隐藏 动态显示      更新时间：2023-09-26

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

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

如果我试图显示前5行，说，newRowStart = 0和rowsToShow = 5。这将不会显示第一行。把它设为-1也不行。如果有像:gt()这样的包容性方法，将会非常有帮助。有人知道怎么做吗?

我就使用.slice <一口>[医生]: 

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

它也更容易阅读。

如果有像:gt()

这样的包容性方法，那将非常有帮助

据我所知没有。如果您想包含给定索引中的所有元素，则必须使用:gt(index-1)，或者在索引为0时完全省略:gt。

一个选择是使用slice():

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