Javascript 我正在使用php包括建立一个多页面的网站。使用jquery，我将如何添加一个类"；主动的；添加到每个网页，使其突出显示

我正在使用php包括建立一个多页面的网站。使用jquery，我如何向每个网页添加一个类“active”，菜单会突出显示用户当前正在查看的网页

这是我的导航html：

<nav class="menu">
    <ul class="nav">
        <li><?php if ($thisPage=="Home") 
        echo " id=\"currentpage\""; ?><a href="http://urcsc170.org/pdouge/project3xc/index.php">Home</a></li>
        <li><?php if ($thisPage=="Jeff Bezos") 
        echo " id=\"currentpage\""; ?><a href="http://urcsc170.org/pdouge/project3xc/jeff-bezos.php">Jeff Bezos</a></li>
        <li><?php if ($thisPage=="Larry Page") 
        echo " id=\"currentpage\""; ?><a href="http://urcsc170.org/pdouge/project3xc/larry-page.php">Larry Page</a></li>
        <li><?php if ($thisPage=="Edward Snowden") 
        echo " id=\"currentpage\""; ?><a href="http://urcsc170.org/pdouge/project3xc/edward-snowden.php">Edward Snowden</a></li>
        <li><?php if ($thisPage=="Elon Musk") 
        echo " id=\"currentpage\""; ?><a href="http://urcsc170.org/pdouge/project3xc/elon-musk.php">Elon Musk</a></li>
    </ul>
</nav>

将其添加到li标记中

class="<?php if ($thisPage=="Home") print $active_class; ?>"

class=“”

---

其中$active\u class=active在页面下方的某个地方初始化此项，如果它与您的活动类自动分配相匹配，则activeurl将获取当前url

    /*active menu class*/  
 <ul class="menu">            
                <li><a  href="demo.com">home</a>
                </li>      
                <li><a href="xyz.com/category/test">Editorial</a></li>
</ul>
         $(document).ready(function(){
             var activeurl = window.location;
             $('a[href="' + activeurl + '"]').parent('li').addClass('active'); 
         });

/*活动菜单类*/





$（文档）.ready（函数（）{
var activeurl=window.location；
$（'a[href=“'+activeurl+'”）.parent（'li'）.addClass（'active'）
});

这将有助于我将其添加到每个li标记中吗？根据我的解决方案，是的，您必须将其添加到页面头部的每个li标记或您添加到代码下方或页面底部的每个li标记中。加载页面后，代码将运行。因为我们使用document.ready函数。