我正在使用下面的代码来突出显示用户所在的当前页面链接,但是我想知道是否可以让 jQuery 查看我的主页链接,因为我使用图像点击将用户带回主页页面和突出显示也适用于我的链接下方,我真的不希望它这样做。在此先感谢(警告 - jQuery 知识渊博) jQuery
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$(function () {
$('a').each(function () {
if ($(this).prop('href') == window.location.href) {
$(this).addClass('current');
}
});
});
</script>
CSS
a.current
{
background:lightgray;
border-radius:10px;
color:white;
}
最佳答案
根本不需要 each
循环,因为您可以将 href
变量放入您的选择器中:
$('a[href="' + window.location.href + '"]')
完成后,您可以在使用 jQuery's not()
method 后实现目标:
$('a[href="' + window.location.href + '"]').not('#logo').addClass('current');
这假设您的 Logo 图像具有以下标记:
<a id="logo" ...>
<img ... />
</a>
关于jquery - 使用 CSS 和 jQuery 突出显示当前链接同时排除某些页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23953210/