jquery – 如何定位其类不包含此元素的ID的元素？

具体来说,我想说：对于类值不包含该元素ID值的元素,执行此函数.

例如,单击#foo将对以下HTML中类不包含.foo的列表项执行fadeOut()：

<button id="foo">foo</button>
<button id="bar">bar</button>
<button id="baz">baz</button>
<ul>
    <li class="foo">Lorem</li>
    <li class="foo bar">Ipsum</li>
    <li class="baz">Dolor</li>
</ul>

因此,在单击#foo时,最后一个列表项应该消失,因为前两个列表项都包含.foo类.

解决方法

尝试

$('button').on('click',function(){
    $('li:not(.'+this.id+')').fadeOut();
});

Demo