JQuery：event.target.id不适用于子元素的子元素

Question

我有一个带有以下标记的侧边菜单。

在UL内点击的元素：

$("#main-ul").click(function (event) {
    var clickedLiItemId = event.target.id;
}

ID 1_0和2_0是主菜单，单击它不会触发页面重定向。它只展开并显示子菜单。

当我点击主菜单时，假设我点击2_0，$("#main-ul").click功能将被触发，event.target.id将获得值2_0。

但是，在扩展子菜单并点击2_1或2_2后，event.target.id会返回空值。

那么我应该怎么做才能在main-ul标记内的任何点击元素上获取ID？我需要获取特定的点击ID来执行某些功能。

Answer 1

＆＃13;

＆＃13;

$('ul a').click(function(event){
  alert(event.target.id)
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li><a href="#" id="1">First</a></li>
<li><a href="#" id="2">Second</a></li>
<ul>

＆＃13;

＆＃13;

＆＃13;