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();
});