jquery - 识别可点击区域

Question

我有一个 div class="parent"。当我单击它时，我需要克隆 div class="child"并根据我单击的父区域显示它们。当我单击 div class="child"时，问题就出现了，另一个子 div 出现，这是我真正不想要的行为。克服这个问题的一种方法是编写如下内容:


$('.parent').click(函数(事件){
if (event.target.className != 'child'){
$('.child').clone().show();
}
});


我认为这不是很优雅，因为如果 div class="child"内部是子项，那么您也必须将它们放入 if() 语句中。有人可以告诉我如何解决这个问题。可能有一种方法可以将 div class="child"的所有子级放入数组中并循环它们。任何想法和想法表示赞赏，谢谢

Answer 1

$('.parent').click(function(event){ 
  if (event.target === this){
     $('.child').clone().show();
  }
});

应该只针对 parent 而不是 child 。来自 jQuery 文档:

event.target: The target property can be the element that registered for the event or a descendant of it. It is often useful to compare event.target to this in order to determine if the event is being handled due to event bubbling. This property is very useful in event delegation, when events bubble.

Source