Javascript 根据使用对象的文件向对象添加类

我正试图根据使用的文件向导航栏添加一个类。nav位于header.php上，包含在page2.php或page3.php上，但它需要与其他页面不同的颜色。我还是个业余爱好者，所以我尝试使用以下javascript：

let url = window.location.pathname;
    let filename = url.substring(url.lastIndexOf('/')+1);
    let nav = $('.js--main-nav');
    if(filename == 'page2.php'|| filename == 'page3.php') {
        nav.addClass('black-nav');
    }

我想在导航上添加black nav类，当它在第2页或第3页上使用时，它也有js--main nav类，但在其他页面上不添加它

---

谢谢你的帮助

你试过协调课堂吗

var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
var nav = $('.js--main-nav');
if(filename == 'page2.php'|| filename == 'page3.php') {
console.log('IF condition is fulfilled')
    nav.addClass('js--main-nav black-nav'); //here is the change
} else {
console.log('IF condition is not fulfilled')
}

---

您好，我通过在对象类中添加一条php语句解决了这个问题，如下所示：

<?php $pagename = basename(__FILE__, '.php'); ?>
...
...
<ul class="main-nav <?php if($pagename == 'page2' || $pagename == 'page3') { echo 'black-nav';} else { echo '';} ?> js--main-nav">

...
...
欢迎来到Stack Overflow，你的问题与Wordpress有关吗？你好！不，我自己在写代码只是一个建议u你考虑过复制
header.php
并重命名它并根据你的需要对它进行样式化的选项吗u然后让
page2
page3
链接到它我的建议是基于Wordpress如何解决不同样式标题的问题，这可能是一个很好的答案，但我不想添加另一个文件来更改标题的颜色，因为它已经是一个大项目。如果条件得到满足，会吗？嗯，你问了一个问题，那里有一些javascript代码，所以我以为你在寻找一些JavaScript解决方案。很高兴听到你自己解决了这个问题干得好，何塞！您刚刚向Stack Overflow提供了一个问题和答案！正式成为一个如此重要的贡献者！但是你也应该“接受”你发布的答案。。。（然后观察您的个人资料统计数据发生了什么变化）；）