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 相关文章推荐
详解JavaScript中void语句的使用
Jun 04 Javascript
深入理解(function(){... })();
Aug 16 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
Sep 01 Javascript
微信小程序 122100版本更新问题解决方案
Dec 22 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
JS+HTML5 FileReader对象用法示例
Apr 07 Javascript
angularjs的select使用及默认选中设置
Apr 08 Javascript
简单谈谈关于 npm 5.0 的新坑
Jun 08 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
ReactNative实现Toast的示例
Dec 31 Javascript
详解vue中$nextTick和$forceUpdate的用法
Dec 11 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
Jul 26 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
codeigniter框架批量插入数据
2014/01/09 PHP
php使用preg_match()函数验证ip地址的方法
2017/01/07 PHP
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
基于jQuery实现的无刷新表格分页实例
2016/02/17 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
基于webpack 实用配置方法总结
2017/09/28 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
Vue刷新修改页面中数据的方法
2018/09/16 Javascript
布同 统计英文单词的个数的python代码
2011/03/13 Python
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
python实现感知器算法(批处理)
2019/01/18 Python
Python的Lambda函数用法详解
2019/09/03 Python
django执行原始查询sql,并返回Dict字典例子
2020/04/01 Python
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
我的珠宝盒:Ma boîte à bijoux
2019/08/27 全球购物
Internal修饰符有什么含义
2013/07/10 面试题
理货员的岗位职责
2013/11/23 职场文书
餐饮主管岗位职责
2013/12/10 职场文书
个人自我剖析材料
2014/02/07 职场文书
家长会主持词
2014/03/26 职场文书
班主任对学生的评语
2014/04/26 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
岗位说明书标准范本
2014/07/30 职场文书
大队委员竞选稿
2015/11/20 职场文书
2016年共产党员个人承诺书
2016/03/24 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
浅谈MySQL user权限表
2021/06/18 MySQL