只选择第三个li

时间:2010-08-09 09:55:59

标签: jquery select background html-lists

如何使用jquery仅选择第3个(或我选择的其他任何数字)li元素? 对于前: 我如何用jquery改变第三个li的背景。任何帮助,请

2 个答案:

答案 0 :(得分:14)

  

我如何只选择第3个(

使用eq方法,如下所示:

$('li').eq(2).css('background', 'yellow');

或者您可以使用此:eq过滤器选择器的变体:

$('li:eq(2)').css('background', 'yellow');

索引从0开始,您需要指定2来实际选择第三个li

如果您想要选择每个第三个元素,则需要使用nth-child,如下所示:

$('li:nth-child(3n)')

nth-child的索引从1开始。

答案 1 :(得分:7)

如果您需要所有列表中的第三个li,请使用nth-child

$('li:nth-child(3)')