jquery - 使用 CSS 和 jQuery 突出显示当前链接同时排除某些页面

Question

我正在使用下面的代码来突出显示用户所在的当前页面链接，但是我想知道是否可以让 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;
}

Answer 1

根本不需要 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>