Jquery - 使用子元素的id绑定父级的click事件

时间:2016-03-05 19:16:30

标签: javascript jquery html javascript-events event-delegation

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

我有这个:

<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&amp;不是跨度。 我无法控制span,我只能为div提供id,如何为myDiv的父级(这是一个span标签)绑定一个click事件。

这可能。

1 个答案:

答案 0 :(得分:3)

使用以下parent()方法。

&#13;
&#13;
$("#myDiv").parent().click(function() {
    alert('OK');
});
&#13;
<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>
&#13;
&#13;
&#13;