JQuery - следующий (элемент) не работает

Question

У меня есть эта структура:

<ul> 
    <li> 
    <a> link .. </a> 
    <span> text </span> 
    <ul> 
     ... 
    </ul> 
    </li> 
    ... 

Я добавляю событие щелчка на обоих <span> и <a> элементов, и я пытаюсь выбрать вложенный <ul> с помощью $(this).next("ul");

Он работает для пролета, но не для связи. Что я здесь делаю неправильно?

Answer 1

Обработчик нажмите на якорь не будет видеть UL, если вы используете next, чтобы захватить его, так как next будет только выбрать очень следующий родственный. Вы можете попробовать:

$("a").nextAll("ul").hide(); 

или:

$("a").parent().find("ul").hide(); 

или:

$("a").siblings("ul").hide();