jQuery,找到下一个X个实例,直到找不到匹配项

时间:2013-11-22 15:30:27

标签: jquery html

这是我的小提琴:http://jsfiddle.net/gFZ5W/2/

我要做的是在点击部分标题时在每个部分下显示统计数据。问题在于可以有任意数量的选项。现在,代码是硬编码的两个选项。

如何告诉jQuery显示类stats的所有元素,直到它到达没有stats的元素然后停止?

1 个答案:

答案 0 :(得分:1)

$('.showstats').click(function (event) {
    $(this).closest('tr').nextUntil('tr:not(.stats)').toggleClass('hidden');
});

<强> jsFiddle example

这会将click事件绑定到showstats锚点,将DOM遍历到最近的<tr>元素,然后切换以下所有<tr>的类,直到它遇到第一个{没有统计类。