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

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

以下是javascript代码：

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

css:

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

使用每个css类

每个都用

您可以使用addClass的函数：

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

您可以使用addClass的函数：

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

尝试使用选择器-

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

尝试使用选择器-

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

---

您也可以通过CSS本身来实现这一点。检查规则。你也可以从CSS本身进行检查。检查规则。每个孩子都有不同的css类，你的代码只为每个孩子添加一个类每个孩子都有不同的css类，你的代码只为每个孩子添加一个类非常好，没有意识到addClass计算属性可以访问元素索引。非常好，未意识到addClass计算属性可以访问元素索引。