2

誰かがアイテムを追加するたびにjavascriptによって生成されるリストがあります.htmlは次のようになります:

<ul class="items-listed-rc">
    <li>1 generated by javascript</li>
    <li>2 generated by javascript</li>
    <li>3 generated by javascript</li>
    <li>4 generated by javascript</li>
    ...
</ul>

現在、すべて青色の背景になっています。

  • 2と4は背景が違うので続きます..青、赤、青、赤、青、赤...

    • 4

    3 に答える 3

    2

    CSS セレクター nth-child を使用できます。

    .items-listed-rc li:nth-child(even){
    background:red;
}​

    編集

    jay Harris が述べたように、CSS セレクター nth-child は IE8 以下ではサポートされていません。そのためにjQueryを使用できます：

    $(document).ready(function() {
    $(".items-listed-rc li:nth-child(even)").addClass("even");
});

    CSS:

    .items-listed-rc li.even{
    background:red;
}
    于 2013-07-04T19:44:36.327 に答える
    1

    JavaScriptを使用してこれを行う必要がある場合は、次のことができます

    $(".items-listed-rc li:odd").css("background-color", "red")
$(".items-listed-rc li:even").css("background-color", "blue")

    それ以外の場合は、セレクターの互換性を認識しているだけで、追加の js コードを追加する必要がないため、css オプションの方が優れています。

    于 2013-07-04T19:45:26.347 に答える