jquery - jQuery 毎秒 div / nth-child

Question

私は次の動的DOMを持っています（ユーザーが投稿のような新しいdivを追加できるようにするため）、毎秒「div」に別の背景色が必要です。これをjqueryでどのように配置できますか？

<div>1
  <div>2
    <div>3</div>
  </div>
</div>

http://jsfiddle.net/Y6DGH/理論的には無限に実行できます

Answer 1

これがどのように表示されるかはわかりませんが、次のようなことができます。

HTML

<div class="parent">1
  <div>2
    <div class="colorParents">3</div>
  </div>
</div>

CSS

div{
    height:50px;
    width:50px;
    display:block;
}

div.parent{
    background-color:red;
}

JS

$.each($('.colorParents').parentsUntil('.parent').addBack(), function (i) {
    if (i % 2) {
        $(this).css('background-color', 'red');
    } else {
        $(this).css('background-color', 'blue');
    }

});

http://jsfiddle.net/techunter/EtBCw/

Answer 2

これで問題ありません。

$("div:odd").css("background","red");
$("div:even").css("background","blue");

新しい要素を追加した後にこれを実行する必要があります。これにより、「点滅」効果が発生する可能性があります...ここを確認してください：http://jsfiddle.net/balintbako/jnkLz/