Question

我目前正在尝试制作一个javascript函数来检查页面上的链接是否链接到同一页面，如果是，请为其添加一个类。

我现在有什么：

$(document).ready(function() {
  var currentPage = location.pathname;
  if $("a[href*=currentPage]") {
  $("a").addClass( "active" );
  }
});

但是，这似乎不起作用。任何帮助表示赞赏。

Answer 1

var currentPage = location.pathname;
$('a').each(function() {
    var currentHref = $(this).attr('href');
    if(currentHref == currentPage) {
        $(this).addClass("active");
    }
})

应该做的伎俩。请注意某些链接可能包含域名的事实。

Answer 2

您可以使用纯JavaScript（IE 9及以上版本）

var currentPage = location.href;
var allA = document.getElementsByTagName('A');
for(var i = 0, len = allA.length; i < len; i++) {
    if(allA[i].href == currentPage) {
         allA[i].className = "active";
    }
}

如果类链接到当前页面，则将类添加到href

2 个答案: