jquery - nextUntil() 在这种情况下不起作用

Question

<table>
  <tr class="codesgroupheader"><td>Header1</td></tr>
  <tr><td>1</td></tr>
  <tr class="codesgroupheader"><td>Header2</td></tr>
  <tr><td>2</td></tr>
  <tr class="codesgroupheader"><td>Header3</td></tr>
  <tr><td>3</td></tr>
  <tr class="codesgroupheader"><td>Header4</td></tr>
</table>

这是 jQuery 代码

$('.codesgroupheader').not(':last').each(function() {
   alert($(this).nextUntil('.codesgroupheader').find('tr').size());
});

但它总是返回零..

Answer 1

您的代码执行以下操作:

$(this)                        // <tr>           <-- = this
.nextUntil('.codesgroupheader')// All elements between this and <tr class="...">
.find('tr')                    // Seeks for a <tr> inside <tr> - Not found

如果要选择<tr>的数量具有给定类的元素，使用:

alert($('tr.codesgroupheader').not(':last').length);

如果你想获取<tr>的号码当前和下一个之间的 s <tr class=...> ，使用:

// this = any <tr>
$(this).nextUntil(".codesgroupheader", "tr").length;

有关 nextUntil 的其他引用和用法功能，请参阅jQuery documentation .