javascript - 隐藏所有不是（this）元素子级的类成员？

Question

我在一个页面上有几个元素，所有元素的结构如下：

<div>
    <button>
    <table id="table1" class='tableClass'>
        misc child elements
    </table>
</div>

这重复6次。

单击时<button>，我想切换的可见性#table1，并隐藏所有.tableClass不是的#table1

--

这是我到目前为止所拥有的，当<button>单击时触发..

$('.tableClass').not(this.children()).fadeOut();

问题是我需要访问适当的.tableClass. 这this.children()条线不是我想要的，因为我知道表格不是按钮的孩子，但我想不出一个简单的方法。

我知道这很简单，但我睡眠不足，没有喝咖啡:)

score 1 · Accepted Answer

看到其他答案，但这是另一种方法：

$('button').on('click', function() {
    $('#table1').toggle();
    $('.tableClass[id != "table1"]').fadeOut();
});

score 0 · Accepted Answer

试试这个：

var table = $(this).closest('div').find('.tableClass').fadeIn();
$('.tableClass').not(table).fadeOut();

2 回答 2