添加类元素<li> number 6 </li>

Question

我有一个项目清单：

http://iceimg.com/i/ca/91/2580dcd0b2.jpg

我想在8号列表中添加一个类而不是。 6，那可能吗？

Answer 1

喜欢这个？：

$(".calendar li:eq(5)").addClass(myClass);
$(".calendar li:eq(7)").addClass(mySecondClass);

或者使用以下语法：

$(".calendar li").eq(5).addClass(myClass);
$(".calendar li").eq(7).addClass(mySecondClass);

或者您的意思是li包含带有“6”或“8”的文字？因此，请使用:contains选择器：

$(".calendar li:contains('6')").addClass(myClass);
$(".calendar li:contains('8')").addClass(mySecondClass);

提及@ Nix “:contains”示例不仅会选择“6”和“8”，还会选择“16”和“18”，因此请使用仔细！ ：）

Answer 2

是：

$('li:nth-child(6), li:nth-child(8)').addClass('classToAdd');

如果你使用jQuery选择器（比CSS慢）或方法，重要的是要记住JavaScript索引是从零开始的（所以数组中的第六个元素是索引5）：

$('li:eq(5), li:eq(7)').addClass('classToAdd');

参考文献：

• addClass()。
• CSS :nth-child()。
• :eq() selector。