활성 클래스가없는 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 코드 요소가 활성 클래스 I 액션/애니메이션을 만들고 싶어하지 않는있다

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

...

내가 어떻게해야합니까?

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

Answer 1

당신은 .hasClass^[docs] 방법을 사용할 수 있습니다

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

또는 이벤트 위임을 사용합니다.

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

Answer 2

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

Answer 3

이 사용 jQuery를 hasClass 방법을 시도해보십시오

Answer 4

어쩌면 당신은 하지 선택의이 일

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