如何将多个类添加到 ul 列表

Question

如何将多个类添加到 ul 列表中？我不想将其添加到每个 li 项目中，而只是其中一些项目。

编辑：

我想用 jQuery 添加类。像这样：

<ul>
    <li>something1</li>
    <li>something2</li>
    <li>something3</li>
    <li>something4</li>
    <li>something5</li>
</ul>

现在我想在第二个之后的每个里添加类（第三个，第四个和第五个里元素）。我知道如何添加课程，但我怎样才能让它在每个里重复。这确实是我的问题。

Answer 1

好吧，要向 ul 中的每个 li 添加 3 个类，您需要这样做：

$("#myUl > li").addClass("class1 class2 class3");

因为您没有为 li 指定任何条件你想要获得附加类的元素，我不得不猜测：

$("#myUl > li:even").addClass("class1 class2 class3");

这会将这三个类添加到每隔一个 li （更准确地说，是零索引数组中的偶数元素） 。

祝你好运。

Answer 2

您的问题不够详细，但一般来说您需要根据需要在特定 li 元素上设置类。

例如：

<ul>
<li class="first winter thirty-one">January</li>
<li class="winter">February</li>
<li class="spring thirty-one">March</li>
<li class="spring">April</li>
<li class="spring thirty-one">May</li>
<li class="summer">June</li>
<li class="summer schools-out thirty-one">July</li>
<li class="summer schools-out thirty-one">August</li>
<li class="fall">September</li>
<li class="fall thirty-one">October</li>
<li class="fall">November</li>
<li class="last winter thirty-one">December</li>
</ul>

Answer 3

有多种方法可以访问特定的元素索引。

:eq() 选择器可以访问单个索引：

$('li:eq(1)')

http:// api.jquery.com/eq-selector/

.nextAll() 函数返回匹配元素集中每个元素的所有后续同级元素：

$('li:eq(2)').nextAll();

http://api.jquery.com/nextAll/

.prevAll() 的工作方式相同，但返回之前的兄弟：

$('li:eq(2)').prevAll();

http://api.jquery.com/prevAll/

Answer 4

您可以使用 .filter() 方法来过滤您的选择。

$('li').filter(':nth-child(n+3)').addClass('className');

现在，任何满足此条件的东西都将获得类属性。在您的示例中，第 3、第 4 和第 5 里将收到它。