javascript - 选择表格行的更好方法？

Question

我有以下(简化的)表结构:

<table class="form-table">
<tbody>
<tr>
<tr><--Need to select and add class on this guy based on h3 class "check"-->
<th scope="row">
<h3 class="check">Default Checbox:</h3>
</th>
<td>
</tr>
</tbody>
</table>

所以我想选择 h3 类“check”上方的“table row”。表是动态生成的，因此我不能只使用 :eq() 、:gt() 或 :lt()。

要选择这个人，我使用以下代码:

$('tbody tr').find('h3.check').parent().addClass('cool');
$('.cool').parent().addClass('until');

但问题是我为了做出选择而给出了不必要的“cool”类。

<table class="form-table">
<tbody>    
<tr>
<tr>
<tr class="until"><--Class successfully added but..-->
<th class="cool" scope="row"><--An extra Class in order to select "table row"-->
<h3 class="check">Default Checbox:</h3>
</th>
<td>
</tr>
</tbody>
</table>

有没有更好的方法来做到这一点(不添加不必要的类)？

Answer 1

您可以使用.has()

$('tbody tr').has('h3.check').addClass('cool');

或:has

$('tbody tr:(h3.check)').addClass('cool');