javascript - 使用 jQuery，如何找到出现在另一个类之间的类的所有实例

Question

例如:

<table>
  <tr class="highlight" id="click">
    <td>Rusty</td>
  </tr>
  <tr class="indent">
    <td>Dean</td>
  </tr>
  <tr class="indent">
    <td>Hank</td>
  </tr>
  <tr class="highlight">
    <td>Myra</td>
  </tr>
</table>

比如说，当我点击 id 为 click 的 hr 时，我将如何找到类 indent 的所有实例，直到类 highlight 的下一个实例>?

Answer 1

$('tr.highlight').click(function() {
    var $indents = $(this).nextAll('tr.indent');
});

编辑

这似乎选择了所有 .indents 而不管 .highlights。试试这个:

$('tr.highlight').click(function() {
    var row = $(this).next();
    var selection = false;
    while(row.hasClass('indent')) {
        if(!selection) {
            selection = row;
        } else {
            selection.add(row);
        }
        row = row.next();
    }
});