2014-10-09 53 views
-2

我有這個div添加類與特定的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」類?

+1

顯示代碼您使用生成的DIV。 – marcelo2605 2014-10-09 12:37:18

+1

你嘗試過什麼嗎? – 2014-10-09 12:38:16

+2

http://api.jquery.com/odd-selector/ – 2014-10-09 12:38:24

回答

1

試試這個:你可以使用:odd:even選擇奇/偶元素,但它是依賴於index位置,而不是自然數計數。所以在你的情況下,你需要第一個和第三個位置div,即索引= 0和2,這甚至是索引位置,因此使用:even

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

DEMO

1

您可以使用過濾器來只選擇奇數索引的div

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

這會給你一個解決方案$("div:even").addClass("BrightDiv");

1

的方式來實現這一點:

CSS:

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

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

的jQuery:

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