jquery - 为什么我的 jQuery 警报显示两次？

Question

我正在使用 jQuery。当警报列表的 ID 显示两次而不是一次时，我遇到了问题。

列表:

<ul id="testnav">
    <li> <a href="#">Page 1</a></li>
    <li> <a href="#">Page2..</a>
        <ul id="subnav">
            <li id="content_1"><a href="#"> Page3</a></li>
        </ul>
    </li>
</ul>

代码:

$("li").click(function(){
    var current_id = $(this).attr('id');
    alert(current_id);
    // These alert two times, one is empty and another one is content_1
});

为什么代码警报会重复两次？如何让它执行一次？

Answer 1

$("li").click() 正在将点击事件应用于页面上的所有 LI。

当您点击时

<li> <a href="#">Page2..</a>
     <ul id="subnav">
          <li id="content_1"><a href="#"> Page3</a></li>
     </ul>
</li>

您实际上单击了外部 LI 和最内部的 LI，这将导致事件触发两次。外层 LI 没有 ID，因此为空，内层 LI 的 ID 为“content_1”，因此显示。

这有意义吗？