Как получить элементы, которые не имеют определенного класса в jquery?

Question

<ul id ='caseStudies'> 
<li class="humor crime fantasy hidden"> A </li> 
<li class="crime"> B </li> 
<li class="humor crime hidden"> C </li> 
<li class="humor crime"> D </li> 
<li class="humor crime fantasy action hidden"> E </li> 
<li class="fantasy action"> F </li> 
<li class="humor fantasy"> G </li> 
<li class="crime action hidden"> H </li> 
</ul> 



$('ul#caseStudies li.hidden').each(function() { 

}//this will get all the LI in the UL that has got class 'hidden' 

Но как я могу получить все LI в UL, у которого есть класс «скрытый»?

Answer 1

попробовать :not() selector

$('ul#caseStudies li:not(.hidden)').each(function() { 

} 

Answer 2

Использование :not селектор

$('#caseStudies li:not(".hidden")') 

Редактировать

Чтобы получить количество также

var notHiddenElems = $('#caseStudies li:not(".hidden")');. 
var notHiddenElemsLength = notHiddenElems.length; 

notHiddenElems.each(function(){ 
    // you can use notHiddenElemsLength here 
}); 

См length