2014-12-04 54 views
1

例如,我有一個包含100個條目的表。 現在,只要用戶點擊一個按鈕,所有表格條目(tr標籤)應該隱藏,只應顯示20.到29. tr。如何在jQuery中顯示第10到第20個孩子

我該怎麼做?

我發現了什麼: $('table tbody tr').eq(20).show();

這個jQuery段找到我的表20元,但我怎麼能告訴jQuery的,顯示20-29? 我不想硬編碼它。

+0

'.eq'是基於0的。所以說'.eq(20)'得到第21個元素。 – Stryner 2014-12-04 16:45:56

+0

標記爲重複。簡而言之,['$('table tbody tr')。slice(20,30).show();'](http://api.jquery.com/slice/) ) – Shai 2014-12-04 16:46:42

回答

1
function showRows(minVal, maxVal) { 

    var i = minVal-1; 
    var j = maxVal; 

    for(i; i<j; i++) { 
     $('table tbody tr').eq(i).show(); 
    } 
} 

showRows(20, 30); //show rows 20-29 
+0

謝謝,我不知道爲什麼我沒有想到一個循環:) – 2014-12-05 07:38:21