0

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

<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()条线不是我想要的,因为我知道表格不是按钮的孩子,但我想不出一个简单的方法。

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

4

2 回答 2

1

看到其他答案,但这是另一种方法:

$('button').on('click', function() {
    $('#table1').toggle();
    $('.tableClass[id != "table1"]').fadeOut();
});
于 2013-10-18T17:16:30.363 回答
0

试试这个 :

var table = $(this).closest('div').find('.tableClass').fadeIn();
$('.tableClass').not(table).fadeOut();
于 2013-10-18T17:10:45.210 回答