注冊列表項子元素的單擊

Question

我有以下HTML結構：

<li class="is_tab" id="geometry_tab">
     <a data-toggle="collapse" href="#geometry_tab_collapse">
         <i class="pe-7s-plugin"></i>
         <p>Geometry
            <b class="caret"></b>
         </p>
     </a>
     <div class="collapse" id="geometry_tab_collapse">
         <ul class="nav">
             <li class="is_tab" id="pipe_geometry_tab"><a href="#">Pipe Geometry</a></li>
         </ul>
     </div>
</li>

我的目標是使用jQuery，無論用戶單擊li.is_tab ， li.is_tab > a ， li.is_tab > a > p還是li.is_tab > a > i單擊時檢索<li> id。 此外，我希望同一個事件處理程序能夠區分#pipe_geometry_tab和#geometry_tab ，即單擊一個或另一個時，僅返回一個正確的ID。

我的問題是這樣的：

鑒於以下代碼段，

$(<selector>).on("click", function(){...})

有沒有<selector> ，將登記在一個單一的點擊li.is_tab無論它或它的a ， i ，或者p被點擊的孩子嗎？

如果沒有，我將對如何進行此操作提出任何建議。

PS我已經嘗試了很多事情，但是我希望與其有過之而無不及，我希望經驗豐富的人覺得這是一個顯而易見的解決方案。

Answer 1

$('li.is_tab').on("click", function(e){...});

應該可以正常工作的^^，所有在li上單擊的東西都將得到處理。

如果要單擊的li ，可以查看e.currentTarget如果要查看單擊的實際元素，則可以使用e.target

---

因此，如果您想要單擊的li的id ，則可以使用e.currentTarget.id