Javascript 如何在同一div名称中使用jquery添加不同的样式？

如何使用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>

这是第一个环节
这是第二个环节
这是第三个环节

我想为.one中的所有文本添加不同的颜色
一等舱，带#FFF
第二类是#000
第三类是带有#333的

您可以这样做：

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，并设置所需的颜色

---

演示：

我意识到这个问题特别问如何使用jQuery，但是您知道，您可以使用第n个子css选择器来实现这一点，而不必使用javascript，对吗

“就把它扔出去吧：）

#链接分区：第n个子（1）{color:#FFF；}
#链接分区：第n个子（2）{color:#000；}
#链接分区：第n个子（3）{颜色：#333；}

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