jquery二级目录选中当前页的css样式
更新时间:2016年12月08日 10:34:50 投稿:jingxian
下面小编就为大家带来一篇jquery二级目录选中当前页的css样式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
如下所示:
<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.dotdotdot.js使用方法详解
这篇文章主要介绍了文本溢出插件jquery.dotdotdot.js使用方法详解,需要的朋友可以参考下2017-06-06
jQuery使用hide方法隐藏指定元素class样式用法实例
这篇文章主要介绍了jQuery使用hide方法隐藏指定元素class样式,实例分析了jQuery中hide隐藏class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
本文我们给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用。感兴趣的朋友通过本文学习吧2016-05-05


最新评论