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

我想使用JQuery从整个页面中选择所有nli元素。 例如：从下面的代码中，我想从两个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>

链接1
链接2
链接3
链接4


链接1
链接2
链接3
链接4

不能在一条语句中选择前两个li。为此，您必须使用不同的语句，如 $（“ulli:nth child（1）”）.css（“颜色”、“黑色”）；

---

$（“ulli:nth child（2）”）.css（“颜色”、“黑色”）

不能在一个语句中选择前两个li。为此，您必须使用不同的语句，如 $（“ulli:nth child（1）”）.css（“颜色”、“黑色”）； $（“ulli:nth child（2）”）.css（“颜色”、“黑色”）

你可以在这里查一下

你可以在这里查一下

您可以尝试：

你可以尝试：

---

刚刚意识到没有标记CSS。在CSS

div-li中：第n个子（-n+2）

将选择每个div-ul的前2个li子级$（“div li”）.first（）刚刚意识到没有标记CSS。在CSS

div-li中：第n个子（-n+2）

将选择每个div-ul的前2个li子级$（“div li”）.first（）但是没有固定数量的

div

元素，它是动态生成的。如果div元素不固定，那么您可以为前两个li元素ul$（“ul li:nth child（1）”）.css（“颜色”、“黑色”）$（“ulli:nth child（2）”）.css（“颜色”、“黑色”）；但是没有固定数量的

div

元素，它是动态生成的。如果div元素不固定，那么您可以为前两个li元素ul$（“ul li:nth child（1）”）在页面中添加这些行。css（“color”，“black”）$（“ulli:nth child（2）”）.css（“颜色”、“黑色”）；

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

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