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

您可以尝试this：

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

Answer 3

你不能在一个陈述中选择前两个李。为此你必须使用不同的语句 $（＆＃34; ul li：nth-child（1）＆＃34;）。css（＆＃34; color＆＃34;，＆＃34; black＆＃34;）; $（＆＃34; ul li：nth-child（2）＆＃34;）。css（＆＃34; color＆＃34;，＆＃34; black＆＃34;）;

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

3 个答案: