javascript - 使用 jquery 选择 ul li 的每个元素

Question

我有一个 ul li 形式的菜单，我想为 li 的每个孩子添加不同的 css 类。

这是javascript代码：

$("#menu").ready(function () {
  $("#menu ul li").addClass("menu_background1");
});

CSS：

.menu_background1 {
    background:#FF0;
}

.menu_background2 {
    background:#66C;
}

我应该如何使用 jQuery 选择每个孩子？每个孩子都应该有不同的css课。

score 4 · Accepted Answer

您可以使用addClass' 功能：

$(document).ready(function () {
    $("#menu ul li").addClass(function(i){
       return 'menu_background' + (i+1)
    });
});

score 0 · Accepted Answer

用于each那个

$("#menu ul li").each(function(i){
   $(this).addClass("menu_background"+(i+1));
});

score 0 · Accepted Answer

尝试使用:eq()选择器 -

$("#menu ul li:eq(0)").addClass("menu_background1");
$("#menu ul li:eq(1)").addClass("menu_background2");

3 回答 3