使用jquery：gt動態顯示n個隱藏表行

Question

我想知道如何以兼容的方式使用jQuery的:gt() 。 我試圖動態顯示/隱藏表行。

$('#' + 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()這樣的包容性方法，那將非常有幫助。

從來沒聽說過。 如果要包括給定索引中的所有元素，則必須使用:gt(index-1)或完全省略:gt如果索引為0）。

Answer 2

一種選擇是使用slice（）：

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