最近遇到个问题,如何在点击标题跳转到另一个页面后给标题添加高亮的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 的使用