Question

我有这个div

<div class="newDiv">

它正在循环生成，类似于

<div class="newDiv">
     <div class = "innerDiv">
      SomeCode
     </div>
</div>
<div class="newDiv">
     <div class = "innerDiv">
      SomeCode
     </div>
</div>
<div class="newDiv">
     <div class = "innerDiv">
      SomeCode
     </div>
</div>

现在我想添加另一个类“BrightDiv”，其中div在奇数位置生成，如

第一和第三个div。

我应该怎么做才能将奇怪的地方的每个div添加“BrightDiv”和“newDiv”？

Answer 1

您可以使用过滤器仅选择奇数索引的div

$(".newDiv").filter(function() {
    return $(this).index() % 2 == 1;
}).addClass("BrightDiv");

Answer 2

试试这个：您可以使用:odd或:even来选择奇数/偶数元素，但这取决于index位置而非自然数量。所以在你的情况下，你想要第一和第三位置div，即索引= 0和2，它甚至是索引位置，因此使用:even。

$('div.newDiv:even').addClass('BrightDiv');

<强> DEMO

Answer 3

这将为您提供解决方案$("div:even").addClass("BrightDiv");

Answer 4

实现这一目标的方法：

<强> CSS：

.newDiv:nth-child(odd) { /*CSS*/ }

或

.newDiv:nth-child(2n-1) { /*CSS*/ }

<强> jQuery的：

$('.newDiv:odd').addClass('BrightDiv');

添加具有特定div的类

4 个答案: