jQuery를 여기, 내가 클래스 이름을 가진 각각의 제 리 요소를 계산 싶어요 클래스 이름

Question

각 최초의 리튬 요소를 계산 내 코드입니다 :

<div> 
<ul> 
    <li><a class="active" index="0" href="#">selector1</a></li> 
    <li><a class="" index="1" href="#">selector1</a></li> 
    <li><a class="" index="2" href="#">selector1</a></li> 
</ul> 
<ul> 
    <li><a class="" index="0" href="#">selector1</a></li> 
    <li><a class="active" index="1" href="#">selector1</a></li> 
    <li><a class="" index="2" href="#">selector1</a></li> 
</ul> 
<ul> 
    <li><a class="active" index="0" href="#">selector1</a></li> 
    <li><a class="" index="1" href="#">selector1</a></li> 
    <li><a class="" index="2" href="#">selector1</a></li> 
</ul> 
</div> 

JS :

var countz = $('div ul').filter(function(){ 
    return $(this).find('.active:first').length; }).length; 

alert(countz); 

는하지만 내 결과는 3을 보여줍니다. 이 html 아이디어에 따르면 2이어야합니까? 감사! 여기

는 바이올린 : http://jsfiddle.net/Tf7g8/

Answer 1

어떻게 이런 일에 대해 :

var countz = $('div>ul>li:first-child>.active').length; 

alert(countz); 

단지 모든 a 태그를 계산 클래스가있는 클래스 active이고 그 자체가 첫 번째 자식 인 li 요소의 하위 항목입니다. 단순 해 보입니다. 여기

근무 예 : http://jsfiddle.net/GRcpL/2/

Answer 2

이 트릭을 할 것입니다 :

var countz = 0; 
$('div ul li:first').find('a').each(function(){ 
    if($(this).hasClass("active")) 
     countz++; 
}); 

http://jsfiddle.net/jonnysooter/Tf7g8/2/

Answer 3

내가 그런 식으로 할 것.

var countz = $('div ul').filter(function(){ 
    return $(this).find('li:first').has('.active').length; 
}).length; 

alert(countz); 

Answer 4

또는 nth-child()와 Size()를 사용

var active_li_count = $('li:nth-child(1) .active').size(); 
alert(active_li_count); 

바이올린 (의 jQuery V1.7 또는 아래 사용하는 경우) : http://jsfiddle.net/cQKhv/

참고 : 크기는() 메소드를 jQuery 1.8부터 사용되지 않습니다. 대신 .length 속성을 사용하십시오.