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

Question

我想使用子元素的 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 上单击时，click 事件才起作用。我无法控制 span，我只能给 div id，我怎样才能为 myDiv 的父级（这是一个 span 标签）绑定一个点击事件。

这可能吗？

Answer 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>

Bind click event for parent using child element's id