带变量的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

尝试使用：

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");

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");