javascript - 如何在 jQuery 中显示第 10 到 20 个子级

Question

这个问题已经有答案了:

How to select a range of elements in jQuery (3 个回答)

已关闭 8 年前。

例如，我有一个包含 100 个条目的表。现在，一旦用户单击按钮，所有表条目(tr-tag)都应该隐藏，并且只应该显示 20. 到 29.tr。

我怎样才能做到这一点？

我发现: $('table tbody tr').eq(20).show();

这个 jQuery 片段找到了表中的第 20 个元素，但是我如何告诉 jQuery，显示 20-29？我不想对其进行硬编码。

Answer 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