jQuery: Active state: AddClass to a link that contains the document.href as href

Question

I'm wondering if its possible to addClass to a link, that has the same href as the document.href?

I tried, but without any luck.

if ($("a").attr("href") == document.location.href) {
    $(this).addClass("active");
}

Isn't this possible??

score 6 · Accepted Answer · answered May 17 '11 at 19:48

6

$("a").filter(function() {
    return this.href === document.location.href;
}).addClass("active");

Should work.

answered May 17 '11 at 19:48

Ry-

I was gonna do an each but yeah, filter does the trick even better. – Mohamed Nuur May 17 '11 at 19:50
Thanks!! :-D It really was possible. – curly_brackets May 17 '11 at 20:26

score 1 · Answer 2 · answered May 17 '11 at 19:50

1

$("a[href=" + document.location.href + "]").addClass("active");

(not tested)

answered May 17 '11 at 19:50

Julien

score 0 · Answer 3 · answered May 17 '11 at 19:49

0

Have you tried window.location.href instead of document.location.href?

answered May 17 '11 at 19:49

SickHippie

3 Answers3