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

Question

我是新手，所以我希望我的问题会有一些逻辑：）

我希望通过点击导航菜单中的链接，将“active”类添加到“li”（在本例中为页面中的投资组合过滤器项）。 “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中，要创建一个监听器，你可以使用＆＃39; on＆＃39;功能。

示例：

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

之后，为＆＃39; li＆＃39;添加一个id属性。标签。

例如：

<li id="myLI">

因此，当用户点击菜单的链接时，它将转到监听器。在听众中，你会做：

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

别忘了创建css类。

Answer 2

首先，您必须在CSS中指定.active。

.active {
//add styles here
}

然后使用javascript，你必须抓住#myLI并使用.active事件设置课程onclick：

 var  element = document.getElementById("myLI");
 element.onclick = function() {
               element.setAttribute('class','active');
            }