Javascript 尝试将CSS当前类作为列表项的目标，以在活动时强调该列表项

我尝试了一些我在过去的问题中发现的东西，但不幸的是，它没有帮助。我认为原因可能是它深深地埋藏在CSS类中，我只是缺乏经验，没有准确地定位它，尽管我尝试使用Chrome的inspect元素来准确地找到它所在的位置。这是我的代码：

.multilanguage-widget.readmore ul.display-posts-listing li.listing-item a.current {
        font-weight: bold !important;
        }

这就是我正在尝试的页面示例。

---

请参阅右侧的功能列表。请帮忙，我已经为此挣扎了很长一段时间，但我所有的尝试都失败了。

如果您的页面足够一致，您可以使用以下内容：

<script>
$(document).ready(function(){
   $('ul.display-posts-listing li').children('a').filter(function(){
      return ($(this).html() == $('h1.entry-title').html())
   }).addClass('current');
});
</script>

$（文档）.ready（函数（）{
$（'ul.display-posts-listing li'）.children（'a'）.filter（function（））{
return（$（this.html（）=$（'h1.entry title'）.html（））
}).addClass（“当前”）；
});

---

我会把它放在

标题.php

标签前面。

您可以编写一个脚本，从所有活动元素中删除类，并将其添加到单击的元素中：

<script type="text/javascript">
   function active(e) {
      $$('.current').each(function(i) {
         i.removeClassName('current');
      });
      e.addClassName('current');
   };
</script>

功能激活（e）{
$$（'.current'）。每个（函数（i）{
i、 removeClassName（“当前”）；
});
e、 addClassName（“当前”）；
};

然后可以从onclick事件调用此函数：

<a class="title" href="http://lumistaging.designiscasual.com/biometrics/" onclick="active(this)">Biometric Authentication</a>
<a class="title" href="http://lumistaging.designiscasual.com/barcode/" onclick="active(this)">Barcode Authentication</a>

（等等……）

---

我还没有测试过它，但是你的CSS应该可以正常工作。

即使在我访问了其中一个页面之后，也没有“当前”类应用于链接。我正在尝试为列表项a.title（同样是左侧的功能列表）创建一个当前类，但是是的，它似乎不起作用，这是我的问题。我不知道如何创建这个类，因为我以前从来没有这样做过，通常只是尝试和错误的CSS，直到它的工作=谢谢你的答复，但我正在努力理解。所有这些都会放在我的functions.php文件中吗？包括第二部分？顺便说一句，这是在wordpress中。第一部分是在这个页面上使用的任何php文件中（对于wordpress子页面，它可能是“page.php”或“single.php”）。然后，对于第二部分，您需要将“onclick=”active（this）“”代码放在侧边栏中使用的标记中。这可能在php文件中，如“sidebar.php”或“posts.php”。您可能希望在站点文件中搜索“display posts listing”以找到该类的使用位置（并在标记中插入onclick调用）。谢谢您的回答。这会出现在CSS样式表或functions.php中吗？顺便说一下，这是wordpress中的。