Как выделить активный пункт в меню на jQuery — Записки верстальщика — блог о дизайне и верстке сайтов

Как выделить активный пункт в меню на jQuery

Недавно понадобилось выделять активный пункт в меню, а вот выставить активный клас средствами движка возможности не было. Причем необходимо было выделять пункт меню даже если открыта дочерняя страница.
Для этого был написан скриптик на jQuery:

$(document).ready(function() {
 var now_url=location.href; //получаем урл текущей страницы
 if (now_url.split('/')[3]!=0) { // проверяем, есть ли что-то после 3 слеша в урле, если есть - идем дальше
 $.each($("a[href*=/"+now_url.split('/')[3]+"]"), // для каждой ссылки, в которой есть
слово после третьего слеша
function(){$(this).addClass('now');}); // добавляем класс now } });
Всего комментариев : 6
0  
6 FisherLV   (22.08.10 20:27)
Ну так ведь сам класс (.now) тоже необходимо создать ! Что тут удивлятся, что не работает ...

0  
5 Александр   (19.08.10 05:19)
Куда это вставлять?

0  
4 Рустам   (04.08.10 14:56)
Применил ваш скрипт, перед а добавил id
не работает. даже не могу понять почему
меню не имеет вложенности

0  
2 Сергей   (28.04.10 12:39)
а можно поподробнее???
не пойму почему не работает, у меня вложенность домен/html/page.html

0  
3 DPolyakov   (30.04.10 00:35)
вы ссылку на page.html хотите подсветить?

0  
1 DPolyakov   (05.04.10 15:34)
Для уточнения в 4 строке перед a[href... можно поставить класс или id родительского элемента

Имя *:
Email:
Код *: