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

通过“查看”，我认为你的意思是“不要申请课程”。你可以这样做：

$(function () {
        $('a').each(function () {
            if ($(this).prop('href') !== 'index.html') {
                if ($(this).prop('href') === window.location.href) {
                    $(this).addClass('current');
                }
             } 
         });
 });

假设您的主页链接具有相对href。（如果是完整/绝对路径，如果网站网址发生更改，则必须修改该条目。）

Answer 2

根本不需要each循环，因为您可以将href变量放入选择器中：

$('a[href="' + window.location.href + '"]')

完成后，您可以在使用jQuery's not() method后实现自己的目标：

$('a[href="' + window.location.href + '"]').not('#logo').addClass('current');

这假设您的徽标图片具有以下标记：

<a id="logo" ...>
    <img ... />
</a>

突出显示当前链接，同时使用CSS＆amp; amp; jQuery的

2 个答案: