通过jquery为li添加border-bottom？

Question

<li><a target="_blank" href="#">test one</li>
<li><a target="_blank" href="#">test one</li>
<li><a target="_blank" href="#">test one</li>
<li><a target="_blank" href="#">test one</li>
<li><a target="_blank" href="#">test one</li>
<li><a target="_blank" href="#">test one</li>
<li><a target="_blank" href="#">test one</li>
<li><a target="_blank" href="#">test one</li>
<li><a target="_blank" href="#">test one</li>

我只想将border-bottom添加到第三行和第六行？为什么以下代码不起作用？

$(li:lt(2,5)).css('border-bottom','1px solid red');

Answer 1

:lt() pseudo-selector仅使用一个参数（小于2的值也小于5！）。

$('li:eq(2), li:eq(5)').css('border-bottom','1px solid red');

以上是一种方式。 （demo）

或者，您可以引入.filter()（demo）：

$('li').filter(function(index) {
    return index == 2 || index == 5;
}).css('border-bottom','1px solid red');

Answer 2

您必须关闭a个标签，并将选择器括在引号中。还要改变选择器。

我认为最终的jQuery看起来像这样：

$("li:eq(2), li:eq(5)").css('border-bottom','1px solid red');

试试这个小提琴：http://jsfiddle.net/KVpts/

Answer 3

$("li:eq(2),li:eq(5)").css({'border-bottom':'1px solid red'});