меню найти дочерний элемент элемента li с помощью jQuery

Question

То, что мне нужно, чтобы добавить класс при наведении курсора на тег с помощью меню ниже, - это меню. Есть идеи?

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

$("#nav li ul li a").hover(
    function() {
         $(this).parent().parent().parent().addClass('current');

    },
    function() {
        $(this).parent().parent().parent().removeClass('current');      
        //alert();          
    }
);

Answer 1

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

Answer 2

Вы можете достичь этого без использования jQuery, используя классы css psuedo.Все элементы в html получают класс psuedo: hover, когда мышь над ними.

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

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

Answer 3

Возможно, но быстрее это сделать

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

Answer 4

Этот метод - то, что вам нужно http://api.jquery.com/closest/ Боже, благослови jQuery