gpt4 book ai didi

javascript - 选择器 :not in jQuery not working

转载 作者:太空宇宙 更新时间:2023-11-04 15:03:34 26 4
gpt4 key购买 nike

我有一个 ID 为 body 的主体,其中有一个类为 nav-container 的 div。我想在用户单击 #body 时删除某些类,但不是 .nav-container(它是一种叠加类型的菜单)。

试过下面的代码

HTML:

<body id="body">
<div class="nav-container">
<a href="#" id="close-btn"> X </a>
<nav class="display">
<ul>
<li><a href="#"> One </a></li>
<li><a href="#"> Two </a></li>
<li><a href="#"> Three </a></li>
</ul>
</nav>
</div>
</body>

jQuery

$('#body :not(.nav-container)').click(function() {
$('.cover').removeClass('active-cover');
$('.nav-container').removeClass('active');
});

虽然它似乎对我不起作用。

最佳答案

它不会像 not 那样工作排除自 .nav-container 以来通过早期 css-selector 标准的选定元素不属于 #body 选择的列表(在这种情况下不会作为其 ID 列出),因此您将无法排除它。所以基本上你需要的是

$(document).on("click", "div:not('.nav-container')",function() {
$('.cover').removeClass('active-cover');
$('.nav-container').removeClass('active');
});

关于javascript - 选择器 :not in jQuery not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31012129/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com