导航首页 » 技术教程 » jquery二级目录选中当前页的css样式
jquery二级目录选中当前页的css样式 113 2024-02-09   

如下所示:

<div class="navlist clear">

 
<span><a  href="http://www.gimoo.net/M/Page_32.html"  title="内科" >内科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_35.html"  title="外科" >外科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_37.html"  title="妇产科" >妇产科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_38.html"  title="儿科" >儿科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_39.html"  title="五官科" >五官科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_40.html"  title="中医科" >中医科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_41.html"  title="急诊科" >急诊科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_42.html"  title="口腔科" >口腔科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_43.html"  title="疼痛康复科" >疼痛康复科</a></span>

<span><a  href="http://www.gimoo.net/M/Page_44.html"  title="病理科" >病理科</a></span>

<span><a  href="http://www.gimoo.net/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样式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持绿夏网。


css

!!!站长长期在线接!!!

网站、小程序:定制开发/二次开发/仿制开发等

各种疑难杂症解决/定制接口/定制采集等

站长微信:lxwl520520

站长QQ:1737366103