如何在Jquery的父元素中选择被单击的子元素？

Question

我有一个父div，其中动态添加了元素。 我想找出被单击的元素的类，如果未单击任何子元素，但单击了父元素，那么我想获取父元素的类。

 $(document).ready(function() { $('.parent').on('click', function(event) { // event.stopPropagation(); alert($(this).attr('class')); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <div class='parent'>Parent//clicking here should alert parent <ol> <li class='type1'>NEW</li>//clicking on this should alert type 1 </ol> </div> 

Answer 1

尝试这个：

$(document).ready(function() {
  $('.parent').on('click', function(event) {
    // event.stopPropagation();
    alert($(event.target).attr('class'));
  });
});

这将获得点击位置的目标标记。

见演示