JQuery, как я могу получить мой h1, чтобы вновь появиться

Question

Это код, я работаю с:

$("#nav_list a").click(function() { 
    $("h1:gt(0)").hide(); 
    $("article").hide(); 
    var href_value = $(this).attr("href"); 
    $("h1:has(href_value)").show(); 
}); 

Почему я запутался потому, что если я заменить последнюю строку с этой линией он работает:

$("h1:has(#test)").show(); 

И если я проверить свою переменную:

alert(href_value); 

выход:

#test 

Так что, если я пытаюсь получить #test, и вот почему моя переменная содержит почему она не работает?

Answer 1

Вам нужно сцепить значение href_value к селектору:

$("h1:has(" + href_value + ")").show(); 

Answer 2

Используйте это вместо:

$("h1:has("+href_value+")").show(); 

Answer 3

Вы должны сцепить строку с переменной, а также использовать указать атрибут как так :

$('h1:has(a[href="' + href_value + '"])').show(); 

Answer 4

Вам необходимо объединить строку с переменной.

$("#nav_list a").click(function() { 
    $("h1:gt(0)").hide(); 
    $("article").hide(); 
    var href_value = $(this).attr("href"); 
    $("hi:has("+ has_value +")").show(); 
});