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 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
javascript判断iphone/android手机横竖屏模式的函数
Dec 20 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
Jun 23 Javascript
举例详解JavaScript中Promise的使用
Jun 24 Javascript
jQuery实现带分组数据的Table表头排序实例分析
Nov 24 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
微信端开发--登录小程序步骤
Jan 11 Javascript
three.js中3D视野的缩放实现代码
Nov 16 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 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
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
在JavaScript中调用php程序
2009/03/09 PHP
PHP stream_context_create()作用和用法分析
2011/03/29 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
Nginx服务器上安装并配置PHPMyAdmin的教程
2015/08/18 PHP
PHP实现支持加盐的图片加密解密
2016/09/09 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
Javascript 同时提交多个Web表单的方法
2009/02/19 Javascript
js字符串转成JSON
2013/11/07 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
详解vue添加删除元素的方法
2018/06/30 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
Tensorflow中使用tfrecord方式读取数据的方法
2018/06/19 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
python 删除系统中的文件(按时间,大小,扩展名)
2020/11/19 Python
pandas 按日期范围筛选数据的实现
2021/02/20 Python
20佳惊艳的HTML5应用程序示例分享
2011/05/03 HTML / CSS
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
毕业生求职信的经典写法
2014/01/31 职场文书
社区服务活动小结
2014/07/08 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
业务内勤岗位职责
2015/04/13 职场文书
2016年万圣节活动总结
2016/04/05 职场文书