jquery select元素沒有活動類

Question

我想在用戶點擊一個元素時製作一個動畫。除非元素具有「活動」類。

<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'); 
     //... 
    } 
}); 

或使用事件委派：

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

Answer 2

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

Answer 3

試試這個使用jQuery hasClass方法。

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

Answer 4

也許你可以採取不選擇的優勢

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