javascript - 从整个页面中选择 div 内的前 n li 个元素

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/