0

複数のクラスを ul リストに追加するにはどうすればよいですか? すべてのアイテムに追加するのではなく、一部のアイテムにのみ追加します。

編集:

jQueryでクラスを追加したい。このような:

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

そして今、私は2番目のもの(3番目、4番目、5番目のli要素)の後にクラスを追加したいと考えています。クラスを追加する方法は知っていますが、各liで繰り返すにはどうすればよいですか。それは本当に私の問題です。

4

4 に答える 4

1

lia のevery に 3 つのクラスを追加するには、次のulようにします。

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

追加のクラスを取得する要素の基準を指定していないため、次のliように推測する必要があります。

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

これにより、3 つのクラスが互いに追加liされます (より正確には、インデックスがゼロの配列の偶数番号の要素)。

幸運を。

于 2010-02-16T08:28:48.570 に答える
1

あなたの質問は十分に詳細ではありませんが、一般的に、必要に応じて特定の 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>
于 2010-02-16T08:31:25.430 に答える
1

要素の特定のインデックスにアクセスするには、いくつかの方法があります。

: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/

于 2010-02-16T09:08:17.007 に答える
0

.filter()メソッドを使用して、選択範囲を絞り込むことができます。

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

これで、この基準を満たすものはすべてクラス属性を受け取ります。あなたの例では、3番目、4番目、5番目のliがそれを受け取ります。

于 2012-12-28T13:12:04.063 に答える