jQuery：如何将所有元素与元素后面的某个类匹配？

Question

这是我的HTML代码：

<tr>
  <td>data 1</td>
</tr>
<tr class="test">
  <td>test data 1</td>
</tr>
<tr class="test">
  <td>test data 2</td>
</tr>
<tr>
  <td>data 2</td>
</tr>

第一个<tr>已分配给"var myVar"。在到达下一个<tr>元素之前，如何删除包含"test"类的所有后续<tr>元素？将它们包装在SPAN / DIV中或在".test"上进行全局匹配不是一种选择。

$(myVar)......? :)

感谢。

Answer 1

$(myVar).nextUntil("tr:not(.test)").remove()