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 相关文章推荐
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
JavaScript转换农历类实现及调用方法
Jan 27 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
Dec 03 Javascript
浅析Bootstrap缩略图组件与警示框组件
Apr 29 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
AngularJS  双向数据绑定详解简单实例
Oct 20 Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 Javascript
微信小程序canvas写字板效果及实例
Jun 15 Javascript
Angular X中使用ngrx的方法详解(附源码)
Jul 10 Javascript
js实现带搜索功能的下拉框
Jan 11 Javascript
微信小程序实现签到弹窗动画
Sep 21 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
APMServ使用说明
2006/10/23 PHP
PHP面向对象分析设计的经验原则
2008/09/20 PHP
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
微信小程序发送订阅消息的方法(php 为例)
2019/10/30 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
JQuery jsonp 使用示例代码
2009/08/12 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
jQuery EasyUI Dialog拖不下来如何解决
2015/09/28 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
vue高德地图之玩转周边
2017/06/16 Javascript
NodeJS自定义模块写法(详解)
2017/06/27 NodeJs
vue 使用Jade模板写html,stylus写css的方法
2018/02/23 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
简单说说如何使用vue-router插件的方法
2019/04/08 Javascript
Vue 使用formData方式向后台发送数据的实现
2019/04/14 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
2019/11/12 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
vue 中使用print.js导出pdf操作
2020/11/13 Javascript
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
Python中functools模块的常用函数解析
2016/06/30 Python
Python工程师面试必备25条知识点
2018/01/17 Python
带你认识Django
2019/01/15 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
三好学生个人先进事迹材料
2014/05/17 职场文书
事业单位年度考核评语
2014/12/31 职场文书
《作风建设永远在路上》心得体会
2016/01/21 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
通过Python把学姐照片做成拼图游戏
2022/02/15 Python
css弧边选项卡的项目实践
2023/05/07 HTML / CSS