选择器上的Jquery click事件将child作为目标返回

Question

今天我开始对Jquery失去理智，我讨论了其他问题但到目前为止没有任何工作。我有简单的html结构（在for循环中动态添加）。

<div id="cell'+i+'" class="cell emptyCell">
     <div class="handle"></div>
     <div class="content"></div>
</div>

我正在使用“on”方法将类“.emptyCell”的元素的“click事件”与自定义函数绑定。

$(document).on('click','.emptyCell', function(e){

    console.log(e.target.id);

});

但是当用户点击.content div（emptyCell的子节点）时，它会捕获该事件，并且控制台会打印“undefined”，因为.content元素在这里没有id。

怎么可能呢？是不是.on函数只能绑定类.emptyCell的元素？

感谢您的帮助

Answer 1

e.target是指发生点击的实际元素（可以是handle或content元素），如果您想引用emptyCell，那么您可以使用{ {1}}或this

e.currentTarget

演示：Fiddle