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()