从enitre页面中选择div中的第n个li元素

Question

我希望使用从整个页面中选择所有的JQuery元素。例如:从下面的代码中，我希望从div中选择前2li元素。

<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

你可以试试这

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

Answer 3

你不能在一条语句中选择前两里。为此，您必须使用不同的语句，如$( "ul li:nth-child(1)“).css("color"，"black")；$( "ul li:nth-child(2)”).css("color"，"black")；