javascript - jQuery 脚本不会添加事件类

Question

我得到了这个 jQuery 脚本，它应该将类“active”添加到我的 li 中，但它没有。脚本如下:

jQuery(function() {
 var pgurl = jQuery(location).attr('href');
 console.log(pgurl);
 jQuery("ul.pagesubmenu-ul li a").each(function(){
      if(jQuery(this).attr("href") == pgurl)
      jQuery(this).parent().addClass("active");
 })

});

我真的不知道为什么它不起作用。我正在尝试在 this page 上使用它(在主导航下方的子导航中)。

提前致谢!

Answer 1

无需循环所有链接，您可以通过 href 属性使用 jquery 直接选择它:

$(function() {
    $("a[href='" + location.href + "']").parent().addClass('active');
});

请注意，如果您在站点中使用相对 URL，location.href 将返回包含主机和方案的完整 URL:

$(function() {
    $("a[href='" + location.pathname + "']").parent().addClass('active');
});

此外，您还可以使用一些字符作为通配符:

= is exactly equal
!= not equal
^= starts with
$= ends with
*= contains
~= contains word
|= starts with prefix