jquery - 如何定位其类不包含该元素 ID 的元素？

Question

具体来说，我想说的是:对于其类值不包含该元素的 ID 值的元素，执行此函数。

例如，点击#foo将会在下面的类不包含.foo的列表项上执行fadeOut() HTML:

<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 类。

Answer 1

尝试

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

Demo