アクティブなクラスを持たないjquery select要素

Question

要素をクリックしたときにアニメーションを作りたい。要素に 'active'クラスがある場合を除きます。

<div class="collectionContainer"> 
      <div class="collectionName">SPRING SUMMER <br> 2012</div> 
      <div class="collSex"><a href="#" id="collection1-man" class="active"> MAN </a></div> 
      <div class="collSex"><a href="#" id="collection1-woman"> WOMAN </a></div> 
     </div> 

私のjqueryのコード

要素は、私はアクション/アニメーションを作りたくないアクティブなクラスを持っている

$('.collSex a').click(function(){ 
     $('.collSex a').removeClass('active'); 
     $(this).addClass('active'); 
     ... 
     ... 
    }); 

...

私はそれをどのようにすればいい？

Answer 1

あなたは.hasClass^[docs]メソッドを使用することができます

$('.collSex a').click(function(){ 
    if(!$(this).hasClass('active')) 
     $('.collSex a.active').andSelf().toggleClass('active'); 
     //... 
    } 
}); 

やイベントの委任を使用：jQueryのhasClassメソッドを使用して、これを試してみてください

$('.collSex').on('click', 'a.active', function() { 
    $('.collSex a.active').andSelf().toggleClass('active'); 
    //... 
}); 

Answer 2

$('.collSex a').click(function(){ 
    if($(this).hasClass('active')) 
    ... 
    ... 
}); 

Answer 3

を。

$('.collSex a').click(function(){ 
    if(!$(this).hasClass('active')) 
    { 
     //Your code here. 
    } 
}); 

Answer 4

多分あなたはそれが働いたないセレクタ

$('collsex a:not(.active)').click(function(){ ....};