ID списка в jQuery

Question

Мне нужно извлечь идентификаторы списка «first», «second» и «final». Мой список имеет:

<div id="wrapper">
    <ul id="testnav">
        <li> <a href="#">Page</a></li>
        <li> <a href="#">Page.</a>
            <ul id="subnav">
                <li id="first"><a href="#">Value1</a></li>
                <li id="second"><a href="#">Value2</a></li>
            </ul>
         </li>
    </ul>
    <ul id="navbelow">
        <li id="final"><a href="#">Next</a>
        </li>
    </ul>

Мой код jQuery следующий, и он возвращает пустое предупреждение. Что я должен изменить, чтобы получить список идентификаторов предупреждений "first", "second" и "final"?

$("#testnav a").click(function(ev){
    var a=$(this).attr('id');
    alert(a); // Not working
    ev.preventDefault();

});

Answer 1

«this» в вашем скрипте относится к якорям, а не к элементам списка. У вас нет идентификаторов на якорях, поэтому вы ничего не получите при запросе .attr ("id");

Я бы предложил использовать .parent () для доступа к элементам списка или поместить событие щелчка в элементы списка вместо якорей.

Answer 2

Как уже упоминалось, вы ссылаетесь на элемент привязки (A), а не на элемент списка. Вам нужно будет использовать что-то вроде $(this).prev('li') вместо $(this)