2013-01-08 25 views
1

我是jQuery的新手。我想。我正在使用下面的代碼一個jQuery的聲明,以選擇每個無序列表(UL)的前三個列表項(LI) -jquery:首先選擇每個無序列表的listitem

<div> 
First Unordered List : 
    <ul> 
     <li>First Ul li1 want to select</li> 
     <li>First Ul li2 want to select</li> 
     <li>First Ul li3 want to select</li> 
     <li>First Ul li4</li> 
     <li>First Ul li5</li> 
     <li>First Ul li6</li> 
    </ul> 
    Second Unordered List 
    <ul> 
     <li>Second Ul li1 want to select</li> 
     <li>Second Ul li2 want to select</li> 
     <li>Second Ul li3 want to select</li> 
     <li>Second Ul li4</li> 
     <li>Second Ul li5</li> 
     <li>Second Ul li6</li> 
    </ul> 
</div> 

這裏的無序列表可能是兩個以上。

在此先感謝..

回答

0

使用:lt選擇,並通過您<ul>each功能循環並獲得前三<li>

$("div > ul").each(function(){ 
console.log($(this).find('li:lt(3)')); 
}) 

fiddle這裏

+0

沒有必要的。每個'()'循環這裏,這不符合OP對返回所有這些要素的單一選擇請求。 – Alnitak

0

您可以使用下面的代碼。

$("div > ul").find("li:lt(3)").each(function(index, value) 
    { 
$(this).css('color','Red'); 
}); 
+0

'.css()'做了一個隱式的'.each()' – Alnitak

-1

完整代碼如下。

<script src="js/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

    var unorder_list = $('div>ul'); 
    unorder_list.each(function(){ 
     $(this).find("li:lt(3)").css('color','red'); 

    }); 
}); 
</script> 
<body> 
<div> 
First Unordered List : 
    <ul> 
     <li>First Ul li1 want to select</li> 
     <li>First Ul li2 want to select</li> 
     <li>First Ul li3 want to select</li> 
     <li>First Ul li4</li> 
     <li>First Ul li5</li> 
     <li>First Ul li6</li> 
    </ul> 
    Second Unordered List 
    <ul> 
     <li>Second Ul li1 want to select</li> 
     <li>Second Ul li2 want to select</li> 
     <li>Second Ul li3 want to select</li> 
     <li>Second Ul li4</li> 
     <li>Second Ul li5</li> 
     <li>Second Ul li6</li> 
    </ul> 
</div> 
</body>
3

這工作得很好。

$('ul').find('li:lt(3)');