javascript - jQuery:突出显示与另一个具有相同 href 的链接

Question

我正在做一个项目，我想突出显示与网站上的另一个链接(在 .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");

你知道我怎样才能做到这一点吗？

Answer 1

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

测试here