锚点URL访问时突出显示锚点ID

时间:2014-04-11 09:55:16

标签: javascript jquery url anchor highlight

修改

有人提到这在CSS中是可能的,所以我查了一下,这正是我需要的!

CSS

  

您需要使用:target伪类:

:target {
   background-color: #ffa;
}
     

JS Fiddle demo.

     

感谢David Thomas source


还要感谢你的代码也是我需要的


我一直试图解决这个问题。

当有人通过以下网址访问我的网页时:

http://jsfiddle.net/maNR5/show/#second

我希望带有id second的header元素用背景颜色突出显示。

<div>

    <h1><a id="first">How can I...</a></h1>    

    <h1><a id="second">...make this...</a></h1>

    <h1><a id="turd">Highlighted when....</a></h1>    

    <h1><a id="furd">Visited by an...</a></h1> 

    <h1><a id="earth">Anchor URL</a></h1>


</div>

这可以在javascript中使用吗?感谢您的任何提示。

3 个答案:

答案 0 :(得分:4)

尝试使用:

var hash = window.location.hash;
$('#'+hash).parent().css('background-color','red');

答案 1 :(得分:1)

试试这个:

 var id=window.location.href.substring(window.location.href.lastIndexOf('/') + 1);
 $(id).css('background-color','red');

答案 2 :(得分:0)

试试这个。 当你点击任何链接时改变它的颜色。 表示已访问它。

$("h1").each(function(a,b){
    $(this).find('a').click(function(){
        console.log(this);
        $(this).css('color','#333399');
    });
});