2010-11-17 2 views
2

Что мне нужно для добавления класса при наведении на тег с помощью меню ниже - это меню. Есть идеи?menu find child of li element with jQuery

<ul id="nav">
<li><a href="">Home</a></li>
<li><a href="">Another</a>
<ul>
<li><a href="">Sub</a></li>
...

+0

Вы пытаетесь добавить класс в тег привязки или в тег главного меню? И вы делаете это только при наведении курсора на элемент в подменю? –

ответ

1

Вы можете достичь этого без JQuery с помощью классов CSS псевдопользователей. Все элементы в html получают класс psuedo: наведите указатель мыши, когда мышь над ними.

Чтобы выбрать их в CSS:

#nav li ul li:hover { 
    // Your style here. 
} 
+0

Принимая во внимание отказ IE (6 и, возможно, * 7) применять ': hover' для элементов, отличных от' ''. –

3
$("#nav a").hover(
    function() { $(this).closest("a").addClass("current"); }, 
    function() { $(this).closest("a").removeClass("current"); } 
); 
+0

Мне нужно добавить класс в тег вместо родительского ul? –

+0

какой тег? 'a' является тегом,' ul' является тегом, 'li' является тегом – hunter

+0

родительский ul> li> тег –

0

Может, но только быстрее, чтобы сделать это

$(document).ready(function() { 
    $('#nav a:hover').parents('div > ul > li:hover > a').addClass('current'); 
});