gpt4 book ai didi

jquery - 排除jquery中visited/hover效果的logo部分

转载 作者:行者123 更新时间:2023-11-27 23:22:56 27 4
gpt4 key购买 nike

下面我有一个用于导航的静态代码,

<div class="nav__show-hide--800 step-asia__grid">
<div class="step-asia__grid-12--col-5">
<div class="nav__left">
<a href="http://localhost/step-asia/about.php">About Us</a>
<a href="http://localhost/step-asia/whatwedo.php">What We Do</a>
</div>
</div>
<div class="step-asia__grid-12--col-2">
<div class="nav__logo nav__logo--height">
<a href="http://localhost/step-asia/" id="logo"><img src="assets/image/logo-1.png" alt="Step Asia Logo"></a>
</div>
</div>
<div class="step-asia__grid-12--col-5">
<div class="nav__right">
<a href="http://localhost/step-asia/how-it-works.php">How It Works</a>
<a href="http://localhost/step-asia/contact.php">Contact Us</a>
</div>
</div>
</div>

和确定当前页面的jquery,将添加和事件类,使下划线作为悬停效果,以指示用户访问的当前页面

$(document).ready(function() {
$("[href]").each(function() {
if (this.href == window.location.href) {
if (! $('#logo')) {
$(this).addClass("active");
}
}
});
});

但我想排除这部分

<a href="http://localhost/step-asia/" id="logo"><img src="assets/image/logo-1.png" alt="Step Asia Logo"></a>

有什么更好的办法吗?

最佳答案

使用 .not() 从选择器中排除特定元素。

$("[href]").not("#logo").each(function() {
if ($(this).attr("href") === window.location.href) {
$(this).addClass("active");
}
});

或者最终代替 .not():not() 你可以直接进入 if:

if (this.id !== "logo" && this.getAttribute("href") === window.location.href) {

关于jquery - 排除jquery中visited/hover效果的logo部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40128215/

27 4 0
文章推荐: css - 是否可以使用带有标签的媒体查询,例如
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com