5

具体的には、クラス値にこの要素のID値が含まれていない要素については、この関数を実行します。

たとえば、クリックすると、次のHTMLにクラスが含まれていないリストアイテム#fooが実行されます。fadeOut().foo

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

したがって、をクリックすると、最初の2つにクラス#fooが含まれているため、最後のリスト項目が表示されなくなります。.foo

4

3 に答える 3

5

試す

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

デモ

于 2012-12-24T01:36:41.430 に答える
0

イベントを添付できるように、何らかの方法でボタンを選択する必要があります。次に、ID を抽出し、そのクラスを含まないものを選択する必要があります。notメソッドを使用した例を次に示します。

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

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

于 2012-12-24T01:39:04.287 に答える
0

not セレクターを使用できます: http://api.jquery.com/not-selector/

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

見る：

http://jsfiddle.net/dSSza/

于 2012-12-24T01:43:16.187 に答える