javascript - 用jQuery突出显示当前菜单项

我需要高亮当前类别。我可以那样做，没问题：

javascript

var url = document.URL;
$('.nav a[href="'+url+'"]').addClass('active');

html

<div class="nav">
    <ul>
        <li><a href="http://wholewebaddress.com/cat.php?id=1">Category 1</a></li>
        <li><a href="http://wholewebaddress.com/cat.php?id=2">Category 2</a></li>
    </ul>
</div>

但我不想链接到html代码中的http://wholewebadress.com/catphp?cat.php?id=1，相反，我想链接到cat.php?id=1。所以我希望我的html代码如下所示；

<div class="nav">
        <ul>
            <li><a href="cat.php?id=1">Category 1</a></li>
            <li><a href="cat.php?id=2">Category 2</a></li>
        </ul>
</div>

看起来，我需要编辑我的JavaScript代码。任何想法如何做到这一点？

最佳答案

以下内容将活动类添加到URL中包含id=1的任何链接中：

$('.nav a[href*="id=1"]').addClass('active');

您可以更改匹配部分（“ id = 1”）以选择所需的任何URL条件。