jQuery-获取单击的子元素的Class

Question

假设我有以下HTML:

<div id="wrapper">
<div class="one">ONE</div>
<div class="two">TWO</div>
<div class="three">THREE</div>
</div>

如果我有一个点击函数，如下所示，我如何获得被点击元素的类名：

$(document).on('click', '#wrapper', function (event) {
// get class name
});

所以如果我点击TWO，它会返回two

--

只是为了添加，点击处理程序必须保持为#wrapper，所以本质上我需要获得被点击的子元素。。。

Answer 1

需要小校正。在子分区上触发点击事件

$(document).on('click', '#wrapper div', function (event) {
var classname =$(this).attr('class');
alert(classname);
});