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

あなたのコードは、あなたがしたいid=a_nav_href

を探します：あなたが書かれている

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

Answer 2

：このコードスニペットで

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

を "a_nav_hrefは、" セレクタの一部です。しかし文字列として。セレクタにa_nav_hrefの値を追加する必要があります。

セレクタクエリがスタックオーバーフローにこの

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