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

Question

编辑：

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

CSS

你需要使用 :target 伪类：

:target {
   background-color: #ffa;
}

JS Fiddle demo.

感谢大卫·托马斯source

---

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

---

我一直在尝试解决这个问题。

当有人通过这样的 URL 访问我的页面时：

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

我希望用背景颜色突出显示 id 为 second 的标题元素。

<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 中可行吗？感谢您的任何提示。

Answer 1

尝试使用：

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

Answer 2

试试这个：

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

Answer 3

试试这个。 每当您单击任何链接时，都会更改其颜色。 表示已访问。

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