jquery - 根据索引更改元素的CSS

时间:2010-12-22 11:10:13

标签: jquery indexing

有谁知道为什么这个jquery可能不起作用?

最终我会用变量替换“1”索引,但我现在甚至无法使用它。

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

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

});

3 个答案:

答案 0 :(得分:2)

您应该使用eq(),而不是eg()。此外,我通常使用另一种css()语法,不确定您的工作是否正常。试试这个:

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

1将是第二个元素,0是第一个元素。

答案 1 :(得分:2)

您需要the eq selector,而不是

答案 2 :(得分:2)

有关错误名称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"});