Javascript变量...无法引用

Question

有人可以告诉我为什么这个参考不起作用吗？

var a_nav_href = $(this).attr("data-id"); //get the id data when click in a tag**strong text**
$(".wrapper").find("section[id=a_nav_href]").css({"background-color": "red"});

Answer 1

你写过：

var a_nav_href = $(this).attr("data-id"); 
$(".wrapper").find("section[id=a_nav_href]").css({"background-color": "red"});

在此代码段＆＃34; a_nav_href＆＃34; 是选择器的一部分，但是作为字符串。您需要将a_nav_href的值附加到选择器。

将其替换为

$(".wrapper").find("section[id=" + a_nav_href + "]").css({"background-color": "red"});

这将返回一个类似于此

的选择器查询

$(".wrapper").find("section[id=someIDWhichIWantToSearch]").css({"background-color": "red"});

Answer 2

您的代码会查找id=a_nav_href

你想：

$(".wrapper").find("section[id=" + a_nav_href + "]").css({"background-color": "red"});