Javascript 如何使特定的Li标记在单击该Li标记内部的锚定标记时处于活动状态？

我想在单击Li标记中的特定锚定标记时激活我的Li标记

这是我的代码：

<ul class="list-unstyled detail-sidemenu mrb15">
    <li>
        <a onclick="Display1()" href="#"><span class="glyphicon glyphicon-link"></span> ABC</a>
    </li>
    <li>
        <a href="#" onclick="Display2()"><span class="glyphicon glyphicon-link"></span>PQR</a>
    </li>
</ul>

.detail-sidemenu li a:hover {
    background-color: #ed1b23;
    color: #ffffff;
}

---

将

单击事件处理程序

添加到

锚定

中，而不是像下面那样编写内联函数：

$（'.ach'）。在（'click'，function（）上{
$（'li'）.removeClass（'active'）；
$（this）.closest（'li'）.addClass（'active'）；
});
.detail侧菜单li a:悬停{
背景色：#ed1b23；
颜色：#ffffff；
}
.主动{
颜色：红色；
背景色：黑色；
}






将
单击事件处理程序
添加到您的
锚定
中，而不是像下面那样编写内联函数：


$（'.ach'）。在（'click'，function（）上{
$（'li'）.removeClass（'active'）；
$（this）.closest（'li'）.addClass（'active'）；
});
.detail侧菜单li a:悬停{
背景色：#ed1b23；
颜色：#ffffff；
}
.主动{
颜色：红色；
背景色：黑色；
}






要使特定的
标记处于活动或非活动状态，请在stackoverflow上参考此答案

要使特定的
标记处于活动或非活动状态，请参阅stackoverflow上的此答案

尝试
$（'ul'）。在（'click'，'a'，function（）{$（'.active'）。removeClass（'active'）；$（this）.closest（'a'）。addClass（'active'）；返回false；}）检查@Tushar：对不起，我无法更改我的功能。然后重复代码<代码>函数显示1（e）{$（'.active'）.removeClass（'active'）；$（e）.最近（'a'）.addClass（'active'）；返回false；}函数显示2（e）{$（'active'）.removeClass（'active'）；$（e）.最近（'a'）.addClass（'active'）；返回false；}
检查Try
$（'ul在（'click'，'a'，上，函数（）{$（'active removeClass'）.removeClass（'active'）；$（this.nestest（'a'）.addClass（'active'）；return false；}）；
Check@Tushar:对不起，我不能更改我的函数。然后重复代码。
function Display1（e）{$（'active'）.removeClass（'active'）；$（e）.nestest（'a'）.addClass（'active'）；return false；}函数Display2（e）{$（'classactive.removeClass'）。removeClass（'active'）；$（e）.最近的（'a'）.addClass（'active'）；返回false；}
检查抱歉，但我无法更改我的functionAnytime..Happy Coding..:）抱歉，我无法更改我的functionAnytime..Happy Coding..:）
 function Display1()
    {
        //active ABC
    }

 function Display2()
    {
         //Active PQR and remove active from ABC
    }