Jquery - 为使用子元素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 &而不是跨度时才起作用。 我无法控制范围，我只能给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>