jQuery的修改特定li元素只知道在列表中

Question

我有一個簡單的列表中的位置：

<ul> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul> 

我需要修改li元素之一，我所知道的是它在列表中的位置，對於例2將是第三個元素）。我怎麼才能通過只知道它來添加一個類？

Answer 1

使用.eq()，這需要一個指定的索引（從0開始）作爲參數：

$("ul li").eq(2).addClass("yourClass"); 

DEMO。

Answer 2

或內聯：

$("ul li:eq(2)").html("Add some content") 

來源：http://api.jquery.com/eq-selector/

Answer 3

可以使用.eq功能來指定至極索引你想：

$('ul').children().eq(2) 

將指向第三個項目（索引開始在0，所以2是第三個）

Answer 4

試試這個

HTML

​​

JS

$('ul').children().eq(2).addClass('newclass'); 

Answer 5

任何一個都將返回你，第二個<li>元素。

1. $('ul li:eq(3)')
2. $('ul>li:eq(3)')
3. $('ul li').eq(3)
4. $('ul>li').eq(3)
5. $('ul li').filter(function() { return $(this).index() == 3; })
6. $('ul>li').filter(function() { return $(this).index() == 3; })