Javascript 如何为单击的图像获取img src

我正在尝试获取所单击的特定图像的img src。我正在尝试使用

此

功能，因此我不确定我做错了什么

有人看到这个问题吗

HTML:

#缩放{
宽度：100%；
身高：100%；
颜色：#FFF；
位置：固定；
z指数：999999；
保证金：0；
填充：0；
排名：0；
右：0；
底部：0；
溢出y：滚动；
显示：无；
}
#zoomPop{
背景：rgba（0,0,0,7）；
}
#游牧者{
位置：相对位置；
填充：60px0；
保证金：0自动；
宽度：90%；
}

//项目容器缩放
$（“#projectGallery”）。在（'click'，'projectCont img'，函数（事件）{
event.stopPropagation（）；
$（'zoomPop'）。法代因（350）；
$（'body'）.css（'overflow'，'hidden'）；
var currentImg=$（this.attr（'src'）；
console.log（当前img）；
$（'Zoominer img'）.attr（'src'，currentImg）；
});
#缩放{
宽度：100%；
身高：100%；
颜色：#FFF；
位置：固定；
z指数：999999；
保证金：0；
填充：0；
排名：0；
右：0；
底部：0；
溢出y：滚动；
显示：无；
}
#zoomPop{
背景：rgba（0,0,0,7）；
}
#游牧者{
位置：相对位置；
填充：60px0；
保证金：0自动；
宽度：90%；
}


//项目容器缩放
$（“#projectGallery”）。在（'click'，'projectCont img'，函数（事件）{
event.stopPropagation（）；
$（'zoomPop'）。法代因（350）；
$（'body'）.css（'overflow'，'hidden'）；
var currentImg=$（this.attr（'src'）；
console.log（当前img）；
$（'Zoominer img'）.attr（'src'，currentImg）；
});
#缩放{
宽度：100%；
身高：100%；
颜色：#FFF；
位置：固定；
z指数：999999；
保证金：0；
填充：0；
排名：0；
右：0；
底部：0；
溢出y：滚动；
显示：无；
}
#zoomPop{
背景：rgba（0,0,0,7）；
}
#游牧者{
位置：相对位置；
填充：60px0；
保证金：0自动；
宽度：90%；
}
您的
此
引用DOM节点

使用

或者将事件处理程序的选择器更改为

$('#projectGallery').on('click', '.projectCont img', function (event) {

您的
此
引用DOM节点

使用

或者将事件处理程序的选择器更改为

$('#projectGallery').on('click', '.projectCont img', function (event) {

此
引用上下文中的
div.projectCont
（在函数内部），该div没有
src
属性，请尝试获取该div内部的
img
。在该函数中尝试
console.log（event.target.src）
'.projectCont'
->
'.projectCont img'
除此之外，我不知道还能做什么。这不管用<代码>var currentImg=$（this）.find（）.nexist（'.projectCont img'）.attr（'src'）
此
引用上下文中的
div.projectCont
（在函数内部），该div没有
src
属性，请尝试获取该div内的
img
。在该函数中尝试
console.log（event.target.src）
'.projectCont'
->
'.projectCont img'
除此之外，我不知道还能做什么。这不管用<代码>var currentImg=$（this）.find（）.nexist（'.projectCont img'）.attr（'src'）
$('#projectGallery').on('click', '.projectCont img', function (event) {