如何在不提醒其父ID的情况下提醒嵌套div的id？

Question

我想点击它时提醒div的id.代码工作正常但它也警告父div的id.我怎么能避免这种情况？

这是代码:JSBin Link

<div id ="parentDiv">
  <div id ="child1"></div>
  <div id ="child2"></div>
</div>

JQuery代码:

$(document).ready(function(){
  $('div').click(function(){
   var index = $(this).attr("id");
   alert(index);
  });
});

Answer 1

使用 e.stopPropagation()

$('div').click(function(e){
   e.stopPropagation();
   var index = $(this).attr("id");
   alert(index);
});