javascript - 在 JQuery 中将 CSS 类设置为 href ="/"

Question

我正在尝试在我的边栏中的链接处设置 CSS 类“已选择”。当我在“家”时，例如根 url/我在设置此类时遇到问题。因为所有 URL 都以/结尾。

这里是一些相关的代码:

$(document).ready(function(){
    var path = location.pathname.substring();
    $('nav#sitenavigation a[href$="' + path + '"]').attr('class', 'selected');
});

如何将“selected”设置为仅包含 href="/"而不是 href="/events/"的 a 标签？

Answer 1

仅使用 = ( attribute equals ) 而不是 $= ( attribute ends-with )，如下所示:

$(document).ready(function(){
  var path = location.pathname.substring();
  $('nav#sitenavigation a[href="' + path + '"]').attr('class', 'selected');
});