2014-12-04 53 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