0

私は JavaScript を学ぼうとしており、JS Fiddle をクラックして試してみました。http://jsfiddle.net/Xy9Ga/ JAVASCRIPT を使用した目的: 1) 最初の項目から始めて、3 つおきのリスト項目を赤いテキストと斜体にします。2) 5 番目の項目から始めて、10 番目の項目ごとに太字と下線を付けます。

css クラスを作成し、それに応じてリスト項目に適用することを知っています。私は物事の JavaScript 側を理解するのに苦労しています :( 私のためにコードを書いてくれる人を本当に探しているわけではありませんが、それを行う方法のロジックを説明してくれる可能性があります。どこから始めればよいのかわかりません

document.load =function() {
};

私が作った2つのCSSクラスは

    .reditem {
    color: red;
    font-style: italic;
}

.blackitem {
    font-weight: bold;
    font-style: underline;
}
4

3 に答える 3

1

nth-child代わりに疑似クラスを使用してください。

これを示すためにフィドルを更新しました。

基本的に、係数はそれが適用される頻度であり、追加された部分はそれが開始される場所です (正確には正しくありませんが、私には十分近いです)。

つまり、1 番目から始まる 3 分の 1 はnth-child(3n+1)であり、5 番目から始まる 10 分の 1 はnth-child(10n+5)です。

のドキュメントはこちらですnth-child。

于 2013-11-08T03:51:07.860 に答える
0

あなたがする必要があるのはです。

  1. 最初にすべての li 要素を含む Nodelist を作成します。
  2. リスト全体をトラバースし、インデックスが 3 で割り切れるかどうかを確認します。

  3. 要素を取得したら、css() 関数を使用してテキストの色を変更します。

    var nodeList = $('li');

nodeList.each(function (index, val) {
    if ((index + 1) % 3 === 0) {
        $(this).css('color', 'red');
    }
});

ここにあなたのフィドルが変更されています

于 2013-11-08T04:09:31.640 に答える