I wanted to make current selected menu highlighted using jquery Following is my jquery code

我想使用jquery突出显示当前选定的菜单以下是我的jquery代码

$('ul li a').click(function() {
  $('li').removeClass();
  $(this).parent().addClass('active');
});

.active {
  background-color: #d90000;
  color: #fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="dropdown">
    <a href="javascript:void(0)" class="dropbtn">Meetings</a>
    <div class="dropdown-content">
      <a href="/home/index" onclick="onBegin()">Meeting Overview</a>
      <a href="/usermeetings/index" onclick="onBegin()">Meeting Details</a>
    </div>
</ul>

更多相关文章

1. 使用jquery在textarea中的颜色代码
2. 为什么我的javascript/jquery代码不能像预期的那样工作?
3. 实现浮动广告的代码
4. 豆瓣Javascript代码风格规范
5. 4th，Python三级菜单
6. 计算机视觉相关代码片段（Python）
7. 120行python代码解锁10000分微信跳一跳
8. XGBoost中参数调优的完整指南（含Python-3.X代码）
9. 求助：Python是否可以用一行代码来同时给变量赋值并打印变量的值

随机推荐

1. 剑道级联 - 过早发射？
2. javascript中Cookie的用法
3. zTree.js 异步加载地区例子
4. jQuery ajax循环和迭代范围
5. 制作一个基本的angularjs应用程序对我不
6. 不能让noUISlider工作
7. iOS中html传数据给原生
8. 使用wordpress制作Javascript幻灯片
9. js基础应用-打字机，震动窗口
10. JavaScript中当前脚本的URL