选择表格行的更好方法是什么?

时间:2013-11-28 00:36:51

标签: javascript jquery

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

<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');

但问题是我给了一个不必要的课“酷”才能做出选择。

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

有没有更好的方法(不添加不必要的类)?

1 个答案:

答案 0 :(得分:2)

您可以使用.has()

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

:has

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