jquery - 获取 child 的id

Question

我制作了一个动态系统，因此您可以在 div 中的 div 中附加 div 等。现在我想知道当我点击div时它的id。我做了一个这样的脚本:HTML:

<div id="div1" class="mod">   
  <div id="div4" class="mod">
     <div id="div5" class="mod"></div>
  </div>
</div>
<div id="div2" class="mod">
   <div id="div6" class="mod">
     <div id="div7" class="mod"></div>
   </div>
</div>

Jquery:

$('.mod').click(function(){
  var id = $(this).attr('id');
  alert(id);
 });

例如，如果您单击 div4，它将返回 div_4 和 div_1，但我只希望 div_4 作为返回。有人能帮我吗？我读过一些关于 parent 和 child 的文章，但我不明白。问候弗兰克

Answer 1

您可以通过以下方式停止事件冒泡:

$('.mod').click(function(event){
  var id = $(this).attr('id');
  alert(id);
  event.stopPropagation();
});

点击事件应该只到达最高层/div。