각 루프마다 특정 클래스의 li 무시하기

Question

나는 li 태그에 대해 각 루프를 가지고 있지만, class pending과 함께 li 태그를 포함하고 싶지 않습니다. 지금 내 각 루프는 리튬 태그 을 위해 노력하는 것은 여기에 내 코드

jQuery('ul li').each(function(){ 
    alert(jQuery(this).find('.title').text()); 
}); 

I 클래스 출원과 몇 리튬 태그를 가지고 있고 각 루프 이상이를에 포함하지 않을 것입니다. 내가 어떻게 할 수 있니?
귀하의 도움을 많이 주시면 감사하겠습니다.

Answer 1

사용 :not 선택

jQuery('ul li:not(.pending)').each(function(){ 
    alert(jQuery(this).find('.title').text()); 
}); 

Answer 2

간단한 if jQuery의 hasClass 방법을 사용하여, 충분합니다 :

jQuery('ul li').each(function({ 
    if (!this.hasClass('pending') { 
    alert(jQuery(this).find('.title').text()); 
    } 
}); 

Answer 3

당신은 hasClass을 사용할 수 있습니다() 함수. 스택 오버플로

$(document).ready(function() { 
 
    jQuery('ul li').each(function(){ 
 
    if(!jQuery(this).hasClass("pending")) 
 
    alert(jQuery(this).find('.title').text()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<ul> 
 
<li><span class="title">afea</span></li> 
 
<li class="pending"><span class="title">ffdf</span></li> 
 
<li><span class="title">afdsfsffea</span></li> 
 
</ul>