jQuery选择前一个元素与选择器匹配的每个元素

Question

我有以下问题，并且我已经为此苦苦挣扎了一段时间。 我确定解决方案非常简单，但我仍然看不到它。 在下面的行集中，我只想选择包含.replace或.empty或.delete或.insert类的行，并在前面添加包含.equal类的行：

<tr>
    <th>sth</th>
    <td class="equal"> sth</td>
    <th>sth</th>
    <td class="equal"> sth</td>
</tr>
<tr>
    <th>sth</th>
    <td class="equal"></td>
    <th>sth</th>
    <td class="equal"></td>
</tr>
<tr>
    <th>want to be 1st selected row</th>
    <td class="replace"></td>
    <th></th>
    <td class="replace"> </td>
</tr>
<tr>
    <th>dont want this one but it selects it</th>
    <td class="replace"></td>
    <th>sth</th>
    <td class="replace"> sth</td>
</tr>
<tr>
    <th>sth</th>
    <td class="equal"></td>
    <th>sth</th>
    <td class="equal"></td>
</tr>
<tr>
    <th>want to be 2nd selected row</th>
    <td class="delete"></td>
    <th></th>
    <td class="delete"> </td>
</tr>
<tr>
    <th>sth</th>
    <td class="replace"></td>
    <th>sth</th>
    <td class="replace"> sth</td>
</tr>

所以我想出了这个作为jQuery（“ prev + next”）选择器，但是它似乎不起作用，因为它只选择了我想要的第一行，然后选择了所有包含.replace的其他行，然后才跳转到下一个.replace之前是.equal：

$('tr:has(.equal) + tr:has(.replace),tr:has(.empty),tr:has(.delete),tr:has(.insert)')

Answer 1

这效率更高一些，但是更加麻烦：

$("tr:has(.equal)").next("tr:has(.empty), tr:has(.insert), tr:has(.delete), tr:has(.replace)")

小提琴 ， jsPerf

Answer 2

选择前面的元素，然后使用.next 。

$(".equal").closest("tr").next().has(".replace,.empty,.delete,.insert");

它仅选择具有指定类并在其前面包含equal类的行的表行。