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 相关文章推荐
jquery利用ajax调用后台方法实例
Aug 23 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
jquery实现页面关键词高亮显示的方法
Mar 12 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
jQuery实现三级菜单的代码
May 09 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 Javascript
JavaScript实现的开关灯泡点击切换特效示例
Jul 08 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 Javascript
微信小程序APP的生命周期及页面的生命周期
Apr 19 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
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
2015/03/18 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
PHP5.5新特性之yield理解与用法实例分析
2019/01/11 PHP
HTML中事件触发列表与解说
2007/07/09 Javascript
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
写得不错的jquery table鼠标经过变色代码
2013/09/27 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
Express与NodeJs创建服务器的两种方法
2017/02/06 NodeJs
BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
2017/07/11 Javascript
原生JavaScrpit中异步请求Ajax实现方法
2017/11/03 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
VueJs组件之父子通讯的方式
2018/05/06 Javascript
webpack开发环境和生产环境的深入理解
2018/11/08 Javascript
Angular事件之不同组件间传递数据的方法
2018/11/15 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
python网络编程之读取网站根目录实例
2014/09/30 Python
跟老齐学Python之变量和参数
2014/10/10 Python
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
Python中字典创建、遍历、添加等实用操作技巧合集
2015/06/02 Python
python实现汉诺塔递归算法经典案例
2021/03/01 Python
Python爬虫之正则表达式的使用教程详解
2018/10/25 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
利用简洁的图片预加载组件提升html5移动页面的用户体验
2016/03/11 HTML / CSS
挪威手表购物网站:Klokker
2016/09/19 全球购物
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
英语教学随笔感言
2014/02/20 职场文书
有创意的广告词
2014/03/18 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
幼儿园门卫安全责任书
2015/05/08 职场文书