我有4個項目，我想給每個鏈接分配4個不同的背景顏色，但我不想讓顏色隨機化..讓我們說如果我有這個結構jQuery將顏色分配給李列表
<div id="div_id">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">More Info</a></li>
</ul>
</div>
這怎麼可能？
我有顏色列表。他們是（綠色，藍色，紅色，黑色）
我試圖
$("#div_id ul li").each(function() {
$(this).css("background","green");
});
說實話，我不知道我會如何應用這些顏色。我可以將它們存儲在數組中，但我將如何循環和分配顏色？
$(document).ready(function(){
var color=['red','green','blue','yellow'];
$('#div_id ul li').each(function(i){
$(this).css('backgroundColor',color[i]);
});
});
甲小提琴是here。
當你要求通過懸停應用光色在每個項目上懸停的效果，我給你兩個例子 http://jsfiddle.net/NjqYA/2/2.http://jsfiddle.net/NjqYA/4/
這對我有用，現在我將如何在它上面懸停？像懸停一樣，第一個元素的顏色變成淺紅色，第二個變成淺綠色等等？ – Grigor 2012-03-25 20:48:38
試試這個http://jsfiddle.net/NjqYA/2/或這個http://jsfiddle.net/NjqYA/4/ – 2012-03-25 21:17:27
如果你不想一類或ID分配給每個單獨的<li>的，那麼你可以使用第n個孩子選擇像這樣：
$("#div_id li:nth-child(1)").css({"background-color":"red"});
$("#div_id li:nth-child(2)").css({"background-color":"green"});
$("#div_id li:nth-child(3)").css({"background-color":"blue"});
$("#div_id li:nth-child(4)").css({"background-color":"yellow"});
如果不提供任何代碼，人們假設你沒有嘗試過任何東西。如果你還沒有嘗試過任何東西，我們假設你不知道JavaScript。如果你不知道JavaScript，你不應該使用jQuery。另外，如果你不希望顏色是隨機的，你希望他們是什麼？ – mowwwalker 2012-03-25 20:19:51
您提供的要求非常之少，我不明白爲什麼'style ='background-color：#XXXXXX;''不會削減它。 – Diego 2012-03-25 20:21:12