得到孩子的身份

Question

我已经创建了一个动态系统，所以你可以在div中的divs中添加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作为返回。 有人能帮我吗？我读了一些关于父母和孩子的事情，但我无法弄清楚。 关心弗兰克

Answer 1

您可以使用以下命令停止冒泡：

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

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

Answer 2

不要将click事件添加到每个元素。将一个click事件添加到所有div的容器中，然后使用jquery事件对象获取被单击的目标元素。