javascript - jQuery - 下一个(元素)不工作

Question

我有这样的结构:

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

我在 <span> 上都添加了点击事件和 <a>元素，我正在尝试选择嵌套的 <ul>使用 $(this).next("ul");

它适用于跨度，但不适用于链接。我在这里做错了什么？

Answer 1

如果您使用 next 获取 anchor 上的点击处理程序将看不到 UL，因为 next 只会选择紧接着 sibling 。你可以试试:

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

或:

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

或者:

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