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>