Javascript 选择器上的Jquery单击事件将子对象返回为目标

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

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

这怎么可能呢？.on函数不应该只绑定class.emptyCell的元素吗

---

感谢您的帮助

e.target

指的是发生单击的实际元素（可以是

handle

或

content

元素），如果您想引用

emptyCell

，则可以使用

this

或

e.currentTarget

$(document).on('click','.emptyCell', function(e){
    console.log(this.id);
    console.log(e.currentTarget.id);
});

---

演示：

我不这么认为，我认为这是因为它们重叠，而target指的是答案中所解释的初始事件

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

    console.log(e.target.id);

});

$(document).on('click','.emptyCell', function(e){
    console.log(this.id);
    console.log(e.currentTarget.id);
});