javascript - 通过单击导航菜单中的链接将类添加到 li

Question

我是新手，所以我希望我的问题有一些逻辑:)

我希望通过单击导航菜单中的链接向“li”(在本例中为页面中的投资组合过滤器项目)添加“active”类。“li”不是导航菜单的一部分，如果“li”位于深层树中，我如何为“li”分配一个类 - 它是我网站的完全不同的部分。

the "li" is in:
<div class=""section"
<ul id="portfolio-filter" class="list-inline">
        <li <--- the place i wish the "active" be added

我检查了其他问题，但无法弄清楚如何实现特定需求。感谢您的帮助

Answer 1

您必须为菜单链接创建一个监听器。在 JQuery 中，要创建监听器，您可以使用“on”函数。

示例:

$("myElement").on("click",function(){});

之后，为“li”标签添加一个 id 属性。

例如:

<li id="myLI">

因此，当用户单击菜单链接时，它将转到监听器。在监听器中，您将执行以下操作:

$("#myLI").addClass("active") 

不要忘记创建 css 类。