javascript - jquery 选择器获取给定 div 内的所有 anchor 元素，无论它们嵌套多深？

Question

假设一些标记，例如:

<div id="header">
   <div id="nest-one>
      <a href="#">one</a>
      <div id="nest-two">
         <a href="#">two</a>
         <a href="#">three</a>
       </div>
    </div>
</div>

我想将一个单击处理程序绑定(bind)到所有 a 标记。

我尝试了以下方法，但似乎不起作用。我知道我错过了一些愚蠢的简单的东西，只是不确定它是什么。

$('#header a').click(function(){alert('on click')});

Answer 1

在这一行:

<div id="nest-one>

您错过了 id 上的结束双引号。

除此之外，请确保引用 HTML 元素的任何 JavaScript 都位于文档就绪函数中和/或源代码中这些元素之后。