将单击事件传递到容器中而不重新单击容器(javascript)

我有一种情况,我有一个导航菜单,它是一系列 <ul> <li> 其中有一个标签。我想把整个 < 可单击而不是 <a> 标签内的标签。例如:

<ul id="home">
    <li id="navtab">
        <a id="home-link" onclick="doHome();">HOME</a>
    </li>
</ul>

锚点是动态创建的,所以我需要保持这个结构。因此,我试图找出如何在 <李> < 标记,然后在 <李> 级别并导致递归。

我正在使用jQuery,但这在答案中是不必要的,甚至是不相关的。

我已经尝试添加e.stopPropagation()和preventDefault,但没有得到积极的结果。