jQuery 每秒 div / nth-child答案

【问题标题】：jQuery every second div / nth-childjQuery 每秒 div / nth-child
【发布时间】：2013-06-25 12:44:54
【问题描述】：

我有以下 dynamic DOM（因此用户可以添加新的 div，比如帖子），我希望每一秒的“div”都带有另一种背景颜色。我怎样才能把它和 jquery 一起使用？

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

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

【问题讨论】：

你的建议是可以无限嵌套吗？
那么在这个例子中，哪些应该有什么背景颜色？
我知道这听起来可能很愚蠢，但提供了一个人们可以使用它的小提琴。您将获得更快的答案
css-tricks.com/how-nth-child-works
每个第二个 div 是什么意思？您能否提供更完整的 HTML 代码，让我们看看您到底在寻找什么？

标签： jquery css jquery-selectors css-selectors

【解决方案1】：

这应该没问题：

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

您需要在添加新元素后运行它，这可能会导致“闪烁”效果... 在这里查看：http://jsfiddle.net/balintbako/jnkLz/

【讨论】：

我添加了一个小提琴，它对它们都很好

【解决方案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;
}

$.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/

【讨论】：