jquery - изменить CSS элемента на основе его индекса

Question

Кто-нибудь знает, почему этот jquery может не работать?

В конечном итоге я заменю индекс "1" на переменную, но в настоящий момент я даже не могу заставить это работать.

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

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

});

Answer 1

Вам нужно Селектор эквалайзера , не например,

Answer 2

Все предыдущие ответы относительно неправильно названного eq верны. В качестве дополнительной информации для вас, если вы действительно используете переменную для индексного номера, вам может оказаться проще использовать метод eq вместо конкатенации селектора в строке.

ИМО всегда легче:

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

Чем это:

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

Answer 3

Вы должны использовать eq(), а не eg().Кроме того, я обычно использую другой синтаксис css(), не уверен, будет ли он работать.Попробуйте это:

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

1 будет вторым элементом, 0 - первым.