javascript - 未捕获的 TypeError : $(. ..).find(...).hasClass(...).show 不是函数

Question

不知道为什么这不起作用，但我希望有另一双眼睛。

是的，我引用了 jQuery 库。

var $current_selection;
$('.nav-link').hide();

$('a').click(function () {

    current_selection = $(this).attr("class");

    $('#nav').find("div").hasClass(current_selection).show();

});

我的 HTML

<a href="#" class="link-one">Nav Option One</a>
<div id="nav">
    <div class="nav-link link-one">
        <p>Test Link One</p>
    </div>
</div>

进入控制台时出错

Uncaught TypeError: $(...).find(...).hasClass(...).show is not a function

Answer 1

hasClass返回 bool 值，因此您不能链接 hasClass。

你可以使用

$('#nav').find("div." + current_selection).show();

---

如果 current_selection 包含多个类，这些类将包含空格并且选择器将无法按预期工作。为了使其工作，所有空格都需要替换为 ..

current_selection = $(this).attr("class").replace(/ /g, '.');
$('#nav').find("div." + current_selection).show();