jQuery：突出显示与另一个具有相同href的链接答案

【问题标题】：jQuery: Highlight link that have the same href as anotherjQuery：突出显示与另一个具有相同href的链接
【发布时间】：2011-05-18 04:46:17
【问题描述】：

我正在处理一个项目，我想突出显示与网站上另一个链接（在 .container 中）具有相同 href 的链接（在菜单中）。

<ul class="menu">
    <li><a href="about.html">Link 1</a></li>
    <li><a href="portfolio.html">Link 2</a></li>
    <li><a href="contact.html">Link 3</a></li>
</ul>
<div class="container">
    <a href="contact.html">Go to Contact</a>
</div>

JS：

$("a").filter(function() {
    return this.href === $('.container a').href;
}).addClass("equalHref");

你知道我是怎么做到的吗？

【问题讨论】：

标签： javascript jquery href

【解决方案1】：

$('a:[href="' + $('.container a').attr("href") + '"]').addClass("equalHref");

测试here

【讨论】：

我总是迟到 5 秒！

【解决方案2】：

您的解决方案几乎是正确的：

$("a").filter(function() {
    // use jQuery.attr to access href
    return this.href === $('.container a').attr("href");
}).addClass("equalHref");

或：

$("a").filter(function() {
    // expose DOM object and access href property
    return this.href === $('.container a')[0].href;
}).addClass("equalHref");

【讨论】：

【解决方案3】：

var strHref = $('.container a').attr("href");    
$("a[href=" + strHref  + "]")addClass("equalHref")

【讨论】：

【解决方案4】：

http://jsfiddle.net/8BRyG/

在这里摆弄。

【讨论】：