使用子元素的 id 为父级绑定点击事件答案

【问题标题】：Bind click event for parent using child element's id使用子元素的 id 为父级绑定点击事件
【发布时间】：2016-03-05 19:16:29
【问题描述】：

我想使用子元素的 id 在父元素上绑定点击事件。

我有这个：

<span class='k-link'> 
   <div id='myDiv'> </div>
</span>

<span class='k-link'> 
   <div id='myDiv2'> </div>
</span>

我想这样做：

$("#myDiv:parent").click(function() { });   //Does not work as expected
$("#myDiv2:parent").click(function() { });   //Does not work as expected

但是，这不会产生所需的行为，并且单击事件仅在单击 myDiv 而不是跨度时有效。我无法控制 span，我只能给 div id，如何为 myDiv 的父级（即 span 标签）绑定点击事件。

这可能吗？

【问题讨论】：

【解决方案1】：

使用parent() 方法，如下所示。

$("#myDiv").parent().click(function() {
    alert('OK');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class='k-link'> 
   <div id='myDiv'>DIV</div>
</span>

【讨论】：