如何在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')); 
    }); 
}); 

這將讓點擊位置的目標標籤。

看到DEMO