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 相关文章推荐
DOM Scripting中的图片切换[兼容Firefox]
Jun 12 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
TinyMCE汉化及本地上传图片功能实例详解
May 31 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
从零学习node.js之mysql数据库的操作(五)
Feb 24 Javascript
JS中SetTimeout和SetInterval使用初探
Mar 23 Javascript
JS跳转手机站url的若干注意事项
Oct 18 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
jquery检测上传文件大小示例
Apr 26 jQuery
vue缓存之keep-alive的理解和应用详解
Nov 02 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
linux php mysql数据库备份实现代码
2009/03/10 PHP
PHP 网页过期时间的控制代码
2009/06/29 PHP
php HtmlReplace输入过滤安全函数
2010/07/03 PHP
YII Framework框架教程之安全方案详解
2016/03/14 PHP
PHP simplexml_load_string()函数实例讲解
2019/02/03 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
JavaScript获取页面中超链接数量的方法
2015/11/09 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
原生js实现返回顶部缓冲效果
2017/01/18 Javascript
Bootstrap常用组件学习(整理)
2017/03/24 Javascript
node中koa中间件机制详解
2017/08/22 Javascript
微信小程序使用Socket的实例
2017/09/19 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
微信小程序自定义波浪组件使用方法详解
2019/09/21 Javascript
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
python实现图片彩色转化为素描
2019/01/15 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
印度尼西亚最好的小工具在线商店:Erafone.com
2019/03/26 全球购物
实习老师个人总结的自我评价
2013/09/28 职场文书
机械设计及其自动化专业推荐信
2013/10/31 职场文书
平面设计师的工作职责
2013/11/21 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
史上最牛辞职信
2015/05/13 职场文书
初中语文教学随笔
2015/08/15 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书