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();