Javascript 基于最终URL路径段将类添加到列表项

全部！Noob警报。当a的href值包含当前页面的结尾时，我试图将类active添加到nav中的列表项中

例如，如果我在上，我希望包含href为/overview/的a的li激活该类

<ul>
    <li><a href="http://www.website.com/about/overview/">Overview</a></li>
    <li><a href="http://www.website.com/about/staff/">Staff</a></li>
    <li><a href="http://www.website.com/about/membership/">Membership</a></li>
</ul>

---

但我显然不知道如何在第一个脚本中使用lastSegment变量。有什么想法吗？

欢迎来到Stack Overflow

如果将选择器更改为$ul>LIA[href$='+lastSegment+']，则该部分将正常工作

但你也必须改变

var url='window.location.href'

到

---

var url=window.location.href

欢迎使用堆栈溢出

如果将选择器更改为$ul>LIA[href$='+lastSegment+']，则该部分将正常工作

但你也必须改变

var url='window.location.href'

到

var url=window.location.href

这是字符串，您将始终在此行中获得window.location.href

var lastSegment = url.split('/').pop();

这是不正确的，您需要获取当前路径

 var url = window.location.href;

您需要将此变量添加到选择器

$("ul > li a[href*='lastSegment']").closest('li').addClass('active');

你可以这样做

$("ul > li a[href*=" + lastSegment + "]").closest('li').addClass('active');

这是字符串，您将始终在此行中获得window.location.href

var lastSegment = url.split('/').pop();

这是不正确的，您需要获取当前路径

 var url = window.location.href;

您需要将此变量添加到选择器

$("ul > li a[href*='lastSegment']").closest('li').addClass('active');

你可以这样做

$("ul > li a[href*=" + lastSegment + "]").closest('li').addClass('active');

---

$ul>li a[href$='+lastSegment+']@NoLifeKing将其作为答案发布。$ul>li a[href$='+lastSegment+']@NoLifeKing将其作为答案发布。这一点，我认为也许还应该快速检查lastSegment的值，因为从技术上讲，按/拆分会在最后一个斜杠后留下一个空字符串。是的。这将使所有目录链接无效并标记为活动。他必须加一些支票才能拿到非空零件谢谢你的帮助。不幸的是，还是不行。目前为止，我的代码如下：$function{var url=window.location.href；var lastSegment=url.split'/'.pop；$ul>li a[href*=+lastSegment+].最近的'li'；这看起来像是应该是正确的吗？这是正确的，我想也许还应该快速检查lastSegment的值，因为从技术上讲，按/拆分会在最后一个斜杠后留下一个空字符串。是的。这将使所有目录链接无效并标记为活动。他必须加一些支票才能拿到非空零件谢谢你的帮助。不幸的是，还是不行。目前为止，我的代码如下：$function{var url=window.location.href；var lastSegment=url.split'/'.pop；$ul>li a[href*=+lastSegment+].最近的'li'；这看起来应该是正确的吗？