Jquery - 为使用子元素ID的父级绑定单击事件
问题描述:
我想使用子元素的ID绑定父元素上的单击事件。Jquery - 为使用子元素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标签)的点击事件。
这是可能的。
答
使用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>
就像一个魅力。谢谢。但是,你能告诉我为什么:家长不工作? – zeppelin
其实我不知道问题是什么。一旦我遇到同样的问题并且像这样解决。 @zeppelin – Azim