Question

我们如何添加类，如下面的代码

<ul>
    <li class="01"></li>
    <li class="02"></li>
    <li class="03"></li>
    <li class="04"></li>
    <li class="05"></li>
</ul>

Answer 1

$("li").each(function(i) {
    $(this).addClass("0" + (i+1));
});

Answer 2

如果您需要任何其他语言的帮助，那么您的代码会显示您的问题与HTML /基础相关请先清除您的问题。

HTML不是动态语言，因此您必须静态使用CSS类，但如果您尝试使用类创建一些样式，CSS3肯定会帮助您。

**CSS**

ul.class{margin:0;padding:0;}
ul.class li{
    margin:0.3em;
}
ul.class li:nth-child(1){
    background-color:#fff;
}
ul.class li:nth-child(2){
    background-color:#ccc;
}
ul.class li:nth-child(3){
    background-color:#666;
}
ul.class li:nth-child(4){
    background-color:#999;
}

或者如果您只想使用列表项只有2种不同的颜色，那么您应该尝试使用

**CSS:**

ul.class{margin:0;padding:0;}
ul.class li{
    margin:0.3em;
}
ul.class li:nth-child(odd){
    background-color:#fff;
}
ul.class li:nth-child(even){
    background-color:#ccc;
}

我们如何添加列表项类

2 个答案: