属性选择器配合location使用(菜鸟的记录)

来源:互联网 发布:你买过淘宝的福袋吗 编辑:程序博客网 时间:2024/05/22 01:33

最近遇到个问题,如何在点击标题跳转到另一个页面后给标题添加高亮的class


在点击企业动态一栏的时候页面跳转到别的页面,如何给相应的标题添加文本高亮的class


我以前是把企业动态这四个小页面写到一个页面里,给相同的class,然后点击时候判断下标让其显示,同时给当前点击的标题添加一个class(初学者),在这种每次点击都要刷新页面的需求里完全用不上,后来大牛教了我一个神奇的 location + 属性选择器 完美的解决了这个问题

前提是 页面是 使用 a 标签做到的跳转 :

 `<a href="newsshow.php?id=12">媒体报道</a>`

在点击链接跳转到页面后,使用 location.searh 会得到:?id=12 (关键的一步)
剩下的就是常见的属性选择器的使用了:

html结构是这样的:    <li>        <a href = "newsshow.php?id =12">媒体报道</a>    </li>script 使用的jquery$("a[href$='"+location.search+"']").parents("li").addClass('active');

这样就可以给跳转到当前的标签添加 class 高亮;

关键是 location 的使用

原创粉丝点击