选择父母没有某个班级的所有元素

Question

我想实现一个关闭所有/开放的功能所有这种类型的example。

所以我的HTML就是这样的：

<tr class="even shown">
    <td class="details-control"></td>
</tr>
<tr class="odd" >
    <td class="details-control"></td>
</tr>
<tr class="even" >
    <td class="details-control"></td>
</tr>
<tr class="odd shown" >
    <td class="details-control"></td>
</tr>

我已设法使用以下方法实现关闭所有功能：

$('.shown').find('.details-control').click();

但是无法找到开放所有功能的解决方案（请注意，在html中，第一个和最后一个td有一个显示类的父级）。我知道这可能很简单，但我被卡住了......

有想法的人吗？

Answer 1

您可以使用:not()：

$('tr:not(.shown)').find('.details-control').click();