jquery二级目录选中当前页的css样式


Posted in Javascript onDecember 08, 2016

如下所示:

<div class="navlist clear">

 
<span><a  href="/M/Page_32.html"  title="内科" >内科</a></span>

<span><a  href="/M/Page_35.html"  title="外科" >外科</a></span>

<span><a  href="/M/Page_37.html"  title="妇产科" >妇产科</a></span>

<span><a  href="/M/Page_38.html"  title="儿科" >儿科</a></span>

<span><a  href="/M/Page_39.html"  title="五官科" >五官科</a></span>

<span><a  href="/M/Page_40.html"  title="中医科" >中医科</a></span>

<span><a  href="/M/Page_41.html"  title="急诊科" >急诊科</a></span>

<span><a  href="/M/Page_42.html"  title="口腔科" >口腔科</a></span>

<span><a  href="/M/Page_43.html"  title="疼痛康复科" >疼痛康复科</a></span>

<span><a  href="/M/Page_44.html"  title="病理科" >病理科</a></span>

<span><a  href="/M/Page_46.html"  title="医技科室" >医技科室</a></span>

<script>
  var url = window.location.href;
  $(".navlist span a").each(function () {
    if (url.indexOf($(this).attr("href")) > 0) { 
      $(this).addClass("curent")
    }
  })
   

</script>
 </div>

js中判断当前页面URL是否包含二级栏目中的url

jquery二级目录选中当前页的css样式

jquery二级目录选中当前页的css样式

以上这篇jquery二级目录选中当前页的css样式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
Feb 22 Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
通过百度地图获取公交线路的站点坐标的js代码
May 11 Javascript
JS检测图片大小的实例
Aug 21 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
Aug 23 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
wap手机端解决返回上一页的js实例
Dec 08 #Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 #Javascript
浅析如何利用angular结合translate为项目实现国际化
Dec 08 #Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 #Javascript
Bootstrap基本组件学习笔记之进度条(15)
Dec 08 #Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
Dec 08 #Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
Dec 08 #Javascript
You might like
8个PHP程序员常用的功能汇总
2014/12/18 PHP
PHP框架自动加载类文件原理详解
2017/06/06 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
23个超流行的jQuery相册插件整理分享
2011/04/25 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
js仿微博实现统计字符和本地存储功能
2015/12/22 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
jQuery获取选中单选按钮radio的值
2016/12/27 Javascript
浅谈JavaScript异步编程
2017/01/20 Javascript
详解如何在NodeJS项目中优雅的使用ES6
2017/04/22 NodeJs
Vue.Draggable实现拖拽效果
2020/07/29 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
JS JQuery获取data-*属性值方法解析
2020/09/01 jQuery
[48:29]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS KG
2018/03/31 DOTA
简单介绍Python中的RSS处理
2015/04/13 Python
python中zip()方法应用实例分析
2016/04/16 Python
100行python代码实现跳一跳辅助程序
2018/01/15 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
在python tkinter界面中添加按钮的实例
2020/03/04 Python
adidas爱尔兰官方网站:阿迪达斯运动鞋和运动服
2019/11/01 全球购物
经管应届生求职信
2013/11/17 职场文书
财务部岗位职责
2013/11/19 职场文书
服装设计专业自荐书范文
2013/12/30 职场文书
个人廉洁自律承诺书
2014/03/27 职场文书
学习雷锋月活动总结
2014/07/03 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
六一文艺汇演开幕词
2015/01/29 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
2019优秀干部竞聘演讲稿范文!
2019/07/02 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书
二手手机买卖合同范本(2019年版)
2019/10/28 职场文书