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

Question

我有一个父div，其中动态添加元素。我想找出被点击的元素的类，如果没有单击子元素但是单击了父元素，那么我想得到父元素的类。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

试试这个：

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

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

请参阅 DEMO