Выбрать первые элементы n li внутри div с enitre страница

Question

Я хочу выбрать все n li элементов со всей страницы используя JQuery. Например: из ниже кода я хочу выбрать первый элемент 2 li как из div.

<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 («цвет», «черный»); $ («ul li: nth-child (2)») .css («цвет», «черный»);

Answer 3

Вы можете попробовать this:

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