jQuery ~ 只获取内部 div id 名称

Question

当点击红色区域时，它会提醒“红色”，当点击蓝色区域时，它会提醒“蓝色”和“红色”!如何让它只提醒“蓝色”然后停止。因为我只需要 div 名称的前面。

http://jsfiddle.net/FFZuD/1/

HTML

<div id="block1" style="width: 300px; height: 200px; background-color: red;">
        <div id="block2" style="width: 100px; height: 100px; background-color: #09F; ">
        </div>
</div>

JS

$('div').click(function(){
  alert($(this).attr('id'));
});

Answer 1

您需要使用event.stopPropagation() jquery 函数。最好使用 this.id 而不是 $(this).attr('id')；因为这样会更有效率。

<强> Live Demo

$('div').click(function(event){
  event.stopPropagation()
  //alert($(this).attr('id'));
  alert(this.id);
});