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

Question

具体来说，我想说：对于class值不包含这个元素的ID值的元素，执行这个函数。

例如，单击#foo将fadeOut()在其类不包含.foo在以下 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();
});

演示

Answer 2

您需要以某种方式选择按钮，以便附加您的事件。然后你需要提取 id 并选择那些不包含该类的。这是使用该not方法的示例：

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

http://jsfiddle.net/ureyes84/Fr7dm/2/

Answer 3

您可以使用非选择器：http ://api.jquery.com/not-selector/

$('#foo').click(function() {
    $('li').not('.foo').fadeOut();
});​

看：

http://jsfiddle.net/dSSza/