Come posso targetare elementi le cui classi non contengono l'ID di questo elemento?

Question

In particolare, voglio dire: per gli elementi il ​​cui valore di classe non contiene il valore ID di questo elemento, eseguire questa funzione.

Per esempio, cliccando #foo eseguirà fadeOut() sulle voci di elenco le cui classi non contengono .foo nel seguente codice 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> 

Così dopo aver fatto clic #foo, l'ultimo elemento della lista dovrebbe scomparire, in quanto la prima due entrambi contengono la classe .foo.

Answer 1

Prova

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

Demo

Answer 2

È necessario selezionare i pulsanti in qualche modo è possibile collegare il vostro evento. Quindi dovrai estrarre l'id e selezionare quelli che NON contengono quella classe. Ecco un esempio utilizzando il metodo not:

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

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

Answer 3

È possibile utilizzare il selettore di non: http://api.jquery.com/not-selector/

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

vedi:

http://jsfiddle.net/dSSza/