<分区>
Possible Duplicate:
jQuery: click function exclude children.
我有两个 div，像这样:
<div id="parent" style="width: 100%; height: 100%; background-color:red;" />
<h1>I'm the parent!</h1>
<div id="child" style="width: 300px; height: 200px; background-color:yellow;">
</h2>..and I'm the child!</h2>
</div>
</div>
此外，我还有以下 JavaScript 代码:
$(document).ready(function(){
$('#parent').click(function(){
alert('Parent was clicked');
});
});
问题是，如果我点击 child ，事件就会被触发。我如何才能将此事件仅限于父级？
编辑:只是为了澄清；我希望当用户点击红色的任何地方时触发这个 Action 。正如评论中所说； h1 不是父级。 Tjirp 的回答起到了作用，答案中有很多此解决方案的工作变体。