Jquery eq селектор с переменной не работает

Question

Мой код JavaScript / JQuery

var galcont = $("#content div.lt2");
$(galcont":eq(0)").css("opacity","0.5");

Не работает

Но

$("#content div.lt2:eq(0)").css("opacity","0.5");

Работает ли ..

Что не так с моим синтаксисом? Почему я не могу использовать селектор переменных с: eq?

Answer 1

ваш galcont является объектом jQuery, а не строкой ... возможные правильные решения:

var galcont = $("#content div.lt2");
galcont.eq(0).css("opacity","0.5");

или с контингентом струн

var galcont = "#content div.lt2";
$(galcont + ":eq(0)").css("opacity","0.5");

Answer 2

1001 * попробовать *

var galcont = "#content div.lt2";

$(galcont +":eq(0)").css("opacity","0.5");

Answer 3

Вы можете использовать:

galcont.eq(0).css("opacity","0.5");

Причина, по которой вы не можете просто сделать "$ (galcont": eq (0) ")", заключается в том, что galcont больше не строка, а объект jquery

Answer 4

Попробуйте использовать это:

var galcont = $("#content div.lt2");
$(galcont).eq(0).css("opacity","0.5");

Или:

var galcont = $("#content div.lt2");
$(galcont).find(':eq(0)').css("opacity","0.5");