php - 循环遍历 jquery 中特定类的 sibling

Question

我有 tr 类 firstrow 和 tr 类，名为 addrows 。 addrows 类始终位于firstrow 类之后，我想计算每个firstrow tr 之后的addrow tr 的数量。在我的示例中，它应该是 1 和 6 。这是我的代码。

<table id="sdx-O_BAR_added" class="roomtypeadded">
<tbody>
<tr class="header">
</tr>
<tr class="header">
</tr>
<tr class="firstrow">
</tr>
<tr class="addrows">
</tr>
<tr class="header">
</tr>
<tr class="header">
</tr>
<tr class="firstrow">
</tr>
<tr class="addrows">
</tr>
<tr class="addrows">
</tr>
<tr class="addrows">
</tr>
<tr class="addrows">
</tr>
<tr class="addrows">
</tr>
<tr class="addrows">
</tr>
</tbody>
</table>

我不知道如何做到这一点，我尝试使用 jquery siblings() 和 next() 。但做不到，请帮忙。 :(

Answer 1

您可以尝试 $.nextAll() 函数:

$('table tr.firstrow').nextAll('tr.addrows').length;

这将为您提供 tr.firstrow 元素后面的所有行的总数。

如果您想获取每个 tr.firstrow 后面的 .addrows 类元素的数组，您可能会发现 jQuery 的 $.map() 函数更多有用:

var counts = $('table tr.firstrow').map(function(){
    return $(this).nextUntil(':not(.addrows)').length;
});

这将返回一个数字数组 - 有效的小计(例如 [1, 6])。