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

我想在点击 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);
  });
});

最佳答案

使用e.stopPropagation()

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

关于javascript - 如何在不提醒其父级 id 的情况下提醒嵌套 div 的 id？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17088934/