带有变量的Jquery eq选择器不起作用

Jquery eq selector with variable does not work

本文关键字:eq 选择器 不起作用 Jquery 变量      更新时间:2023-09-26

我的javascript/jquery代码

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

不工作

但是

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

确实有效。。

我的语法有什么问题?为什么我不能将变量选择器与:eq一起使用?

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

您可以使用:

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

不能只执行"$(galcont":eq(0)")"的原因是,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");

或者:

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