javascript - 親のIDを警告せずに、ネストされたdivのIDを警告する方法は?

Question

クリックしたときに div の id を警告したい。コードは正常に動作しますが、親 div の ID も警告します。どうすればそれを回避できますか?

コードは次のとおりです: JSBin リンク

<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);
  });
});

score 5 · Accepted Answer

使用するe.stopPropagation()

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

2 に答える 2