Как подсветить активную ссылку в меню?

Question

[Илья Трусов]

Есть меню:

<ul id="header_havigation">
                                    <li><a href="/">Главная</a></li>
                                    <li><a href="/news">Новости</a></li>
                                    <li><a href="/photo">Фотоальбом</a></li>
                                    <li><a href="/about">О нас</a></li>
                                    <li><a href="/contact">Контакты</a></li>
                                </ul>

Нужно, что бы в li добавлялся класс active, если ссылка активна.
Делаю так:

$(document).ready(function () {
    $('#header_havigation li').each(function () {
        var location = window.location.href;
        var link = this.href;
        if (location == link) {
            $(this).addClass('active');
        }
    });
});

Не работает. Что делать?

Answer 1

[Денис Денис]

$('#header_havigation li a').each(function () {.....

у li нет атрибута href....

Comments

[Илья Трусов]

Да, но тогда он будет пытаться добавить в a класс active.
Как именно в li добавить.

[l55uiz]

Илья Трусов: $(this).prev().addClass('active');

[Денис Денис]

Илья Трусов: $(this).parent("li").addClass('active');

Answer 2

[Smeecy Smeecy]

А что вы прописали в класс .active?

Comments

[Илья Трусов]

С css всё в порядке. Не добавляется сам класс в html.

Answer 3

[Froggyweb]

Вообще этим занимается серверная часть обычно.

PS href- это полный адрес, используй pathname