a标签包住的img，为什么我点击event抓的是img，而不是a

Question

//遍历的a标签
list.forEach(i => {
    html += `<a href="detail.html?id=${i.id}">`
    html += '<div class="retail-item">'
    html += `<img src="${i.icon}">`
    html += `<p class="p1">${i.title}</p>`
    html += `<p class="p2">${i.content}</p>`
    html += '</div>'
    html += '</a>'
})

$("a").click(function(e) {
    event.preventDefault();
    console.log(e);//这里打印的是img p...怎么获取a标签的target

});

Answer 1

e.currentTarget

当前处理事件的元素

https://developer.mozilla.org/zh-CN/docs/Web/API/Event/currentTarget