如何在同名div名稱中添加jquery的不同樣式？

Question

如何在jquery中添加不同風格的同名div名稱？

這樣的例子。

<div id="link"> 
    <div class="one">This is first link</div> 
    <div class="one">This is second link</div> 
    <div class="one">This is third link</div> 
</div> 

，我想在。一
一流一個與#FFF
第二類用一個＃000
三等一個與＃333

添加不同顏色的所有文本

Answer 1

你可以這樣做：

var $oneDivs = $("#link div.one"); 
$oneDivs.eq(0).css("color","#FFF"); 
$oneDivs.eq(1).css("color","#000"); 
$oneDivs.eq(2).css("color","#333"); 

也就是說，先選擇所有類的div的，然後挑選出個別Ø通過它們的（從零開始）索引並設置所需的顏色。

演示：http://jsfiddle.net/8kNF6/

Answer 2

var colors = ['#FFF', '#000', '#333'] 
$('#link div.one').each(function(idx, elem) { 
    $(elem).css('color', colors[idx]); 
}); 

Answer 3

我意識到這個問題專門詢問如何使用jQuery做，但你知道你可以做到這一點與第n個孩子CSS選擇器，而不必使用JavaScript在所有， 對？

「只是肆意它在那裏:)

#link div:nth-child(1) { color: #FFF; } 
#link div:nth-child(2) { color: #000; } 
#link div:nth-child(3) { color: #333; }