在导航中突出显示当前页面

Question

我需要在左侧导航栏中突出显示当前页面。

导航必须通过 .shtml 从外部加载，包括：

<!--#include file="leftnav-menu.inc"-->

我的网址采用以下形式：

www.xxx.com/mission-ritic.shtml

，但有时只是：

www.xxx.com/energy.shtml（例如，一个词没有连字符） ）

我的导航将其列为“关键任务”，

如何突出显示带有“class=selected”的 ul li？我见过这样的东西：

$(function(){
   var path = location.pathname.substring(1);
   if ( path )
     $('.leftmenuNav ul li a[@href$="' + path + '"]').attr('class', 'selected');
 });    

不能完全理解字符串分割等...

示例导航栏：

<ul>
<li><a href="corporate-responsibility.shtml">Corporate responsibility</a></li>
<li><a href="overview.shtml">Overview</a></li>
<li><a href="governance.shtml">Governance</a></li>
<li><a href="our-approach.shtml">Our approach</a></li>
</ul>

Answer 1

好吧，jQuery 语法有点错误。这应该有效：

$.ready(function()
{
   var path = location.pathname.substring(location.pathname.lastIndexOf("/") + 1);
   if ( path )
     $('.leftmenuNav ul li a[href="' + path + '"]').attr('class', 'selected');
});

另外，请确保 leftmenuNav 是正确的（上面的代码没有显示它）