如何在相同的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,然后通过它们的(从零开始)索引选择各个div并设置所需的颜色.

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

Answer 2

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