从enitre中选择第一个n元素div里面

Question

我想要使用jQuery从整个页面中选择全部n li元素。 例如：从下面的代码我想从两个div中选择第一个2 li元素。

<div class="abc"> 
    <ul> 
     <li>link 1</li> 
     <li>link 2</li> 
     <li>link 3</li> 
     <li>link 4</li> 
    </ul> 
</div> 
<div class="abc"> 
    <ul> 
     <li>link 1</li> 
     <li>link 2</li> 
     <li>link 3</li> 
    <li>link 4</li> 
    </ul> 
</div> 

Answer 1

$('.abc').each(function(index,el){ 
    var selectedDiv = $(el).find('li'); 
    selectedDiv = selectedDiv.slice(0,2); 
}) 

您可以点击这里

http://jsfiddle.net/gn3q6oqu/1/

Answer 2

你不能在一个语句中选择前两个li。为此，您必须使用不同的语句，如 $（“ul li：nth-​​child（1）”）.css（“color”，“black”）; $（“ul li：nth-​​child（2）”）.css（“color”，“black”）;

Answer 3

您可以尝试this：

$('div.abc>ul>li:nth-child(-n+2)').css('color', 'red');