单击列表元素中的问题

Question

Okey所以我得到了一个根据数据库中的信息创建的List。最终结果看起来像这样：

<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”。这对于primaty li元素非常有用，但是当我从“sub”类中单击li元素时，该函数首先在压缩的li元素上运行，然后在上面的li元素上运行。所以在这种情况下，如果我按下Title3，函数将首先以id 3运行，然后使用id 2 witch是父元素。我在想它以某种方式以某种方式访问​​整个li树，但不能真正理解为什么。有什么想法吗？