Question

我有以下动态 DOM（因此用户可以像post一样添加新的div），我希望每秒“div”具有另一种背景颜色。我怎么能用jquery把它？

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

http://jsfiddle.net/Y6DGh/理论上可以无限地运行

Answer 1

这应该没问题：

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

添加新元素后需要运行此元素，这会导致“闪烁”效果... 点击此处：http://jsfiddle.net/balintbako/jnkLz/

Answer 2

我不知道你怎么看，但你可以这样做：

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

jQuery每隔一个div / nth-child

2 个答案: