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 相关文章推荐
display和visibility的区别示例介绍
Feb 26 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
vue.js路由跳转详解
Aug 28 Javascript
vue修改对象的属性值后页面不重新渲染的实例
Aug 09 Javascript
JavaScript创建对象方法实例小结
Sep 03 Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 Javascript
基于layPage插件实现两种分页方式浅析
Jul 27 Javascript
js页面加载后执行的几种方式小结
Jan 30 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 Javascript
Node 使用express-http-proxy 做api网关的实现
Oct 15 Javascript
vue.js 使用原生js实现轮播图
Apr 26 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
header()函数使用说明
2006/11/23 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
如何实现浏览器上的右键菜单
2006/07/10 Javascript
htm调用JS代码
2007/03/15 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
由Javascript实现的页面日历
2011/11/04 Javascript
javascript设计模式 接口介绍
2012/07/24 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
js日期联动示例
2014/05/02 Javascript
你知道setTimeout是如何运行的吗?
2016/08/16 Javascript
详解如何使用webpack+es6开发angular1.x
2017/08/16 Javascript
Vue侧滑菜单组件——DrawerLayout
2017/12/18 Javascript
JS设计模式之状态模式概念与用法分析
2018/02/05 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
2018/07/17 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
vue里input根据value改变背景色的实例
2018/09/29 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
2018/11/30 Javascript
Python的Django框架中从url中捕捉文本的方法
2015/07/20 Python
python版学生管理系统
2018/01/10 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
Python3.0 实现决策树算法的流程
2019/08/08 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
River Island美国官网:英国高街时尚品牌
2018/09/04 全球购物
大四毕业生学习总结的自我评价
2013/10/31 职场文书
小学生演讲稿
2014/01/12 职场文书
师德学习感言
2014/01/31 职场文书
学生自我评语大全
2014/04/18 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
2015小学教师德育工作总结
2015/05/12 职场文书
党员证明模板
2015/06/19 职场文书
MySQL 慢查询日志深入理解
2021/04/22 MySQL
适合后台管理系统开发的12个前端框架(小结)
2021/06/29 Javascript