jQuery的計數與類名

Question

每個第一li元素，我想指望用類名稱每個第一li元素，這裏是我的代碼：

<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。它應該是2根據這個HTML任何想法？謝謝！

這裏搗鼓：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

或者使用Size()與nth-child()（如果使用jQuery的V1.7或下面）

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

小提琴：http://jsfiddle.net/cQKhv/

注：.size（）方法從jQuery 1.8開始不推薦使用。改爲使用 .length屬性。