jquery - 根據其索引更改元素的CSS

Question

有誰知道爲什麼這個jQuery可能無法正常工作？

最終我會用一個變量替換「1」索引，但我現在甚至無法得到這個工作。

$('.myClicker').click(function() { 

    $("#selectBoxContainer img").css({"background-color":"#FFF"}); 
    $("#selectBoxContainer img:eg(1)").css({"background-color":"#000"}); 

}); 

Answer 1

你應該使用eq()，不eg()。另外，我通常使用另一個css()語法，不知道你的意願是否可行。試試這個：

$("#selectBoxContainer img:eq(1)").css('background-color', '#000'); 

1將是第二個元素，0是第一個。

Answer 2

你需要the eq selector，例如不

Answer 3

所有與名不副實eq是正確的以前的答案。作爲一些額外的信息，如果你真的使用索引號的變量，你可能會發現使用eq方法代替字符串連接選擇器會更容易。

這總是比較容易IMO：

var index = 1; 
$("#selectBoxContainer img").eq(index).css({"background-color":"#000"}); 

比這

var index = 1; 
$("#selectBoxContainer img:eq(" + index + ")").css({"background-color":"#000"});