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 动画弹出窗体支持多种展现方式
Apr 29 Javascript
jquery中ajax学习笔记3
Oct 16 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 Javascript
php实例分享之实现显示网站运行时间
May 20 Javascript
JS替换字符串中字符即替换全部而不是第一个
Jun 04 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
Aug 06 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
Oct 10 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
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
磨咖啡豆的密诀
2021/03/03 冲泡冲煮
PHP中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
thinkphp连贯操作实例分析
2014/11/22 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
RGB颜色值转HTML十六进制(HEX)代码的JS函数
2009/04/25 Javascript
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
Javascript动态引用CSS文件的2种方法介绍
2014/06/06 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
JavaScript实现实时更新系统时间的实例代码
2017/04/04 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
Vue.js组件通信之自定义事件详解
2019/10/19 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
[02:58]魔廷新尊——痛苦女王至宝语音台词节选
2020/06/14 DOTA
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
Django ORM 查询表中某列字段值的方法
2020/04/30 Python
Keras loss函数剖析
2020/07/06 Python
STRATHBERRY苏贝瑞包包官网:西班牙高级工匠手工打造
2020/11/10 全球购物
倡议书格式
2014/04/14 职场文书
民间借贷协议书范本
2014/10/01 职场文书
幼儿园母亲节活动总结
2015/02/10 职场文书
辞职信范文大全
2015/03/02 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
详解CSS故障艺术
2021/05/25 HTML / CSS
深入理解java.lang.String类的不可变性
2021/06/27 Java/Android
Python测试框架pytest核心库pluggy详解
2022/08/05 Golang