javascript - 列表元素中的 Onclick 问题

Question

好的，所以我得到了一个根据数据库中的信息创建的列表。最终结果如下所示：

<ul id="menu">
  <li onclick="testFunction(1, "text")">Title1</li>
  <li onclick="testFunction(2, "text")">Title2
    <ul class="sub">
      <li onclick="testFunction(3, "text")">Title3</li>
    </ul>
  </li>
  <li onclick="testFunction(4, "text")">Title4</li>
</ul>

现在，我想将 id 和文本发送到函数“testFunction”。这适用于主要的 li 元素，但是当我从“子”类中单击一个 li 元素时，该函数首先在按下的 li 元素上运行，然后在上面的 li 元素上运行。所以在这种情况下，如果我按下 Title3，函数将首先以 id 3 运行，然后以 id 2 运行，女巫是父元素。我在想它以某种方式访问​​了整个 li 树，但无法真正理解为什么。有什么想法吗？