在表格中找到标题行元素,其中第三个单元格有一个名为' headerClass'

时间:2014-06-06 01:36:39

标签: jquery jquery-selectors

我有以下html,我希望使用jQuery获取row元素,方法是使用此标题行元素中的所有单元格都有一个固定类的' headerClass'。

获取这样一行的jQuery选择器是什么?

<tr>
  <th class="headerClass">Header1</th>
  <th class="headerClass">Header2</th>
  <th class="headerClass">Header3</th>
  <th class="headerClass">Header4</th>
  <th class="headerClass">Header5</th>
</tr>

1 个答案:

答案 0 :(得分:1)

为了确保只有当所有的单元格都有该类时才获得该行,即它的所有单元格都没有该类,您将需要使用:not():has()

的组合
$('tr:not(:has(th:not(.headerClass)))')

Demo

如果上面的选择符符号过于混乱,则以下内容的作用相同:

$('tr').not(':has(th:not(.headerClass))')

Updated demo