Jquery 如何在特定div上创建单击事件

我有一个图像库（滑块），如下所示：

<div class="imgWrap current">

    <img src="image1" />

</div>
<div class="imgWrap">

    <img src="image2" />

</div>
<div class="imgWrap">

    <img src="image3" />

</div>

$(document).on('click', $('div:not(img)'), function(){

    $('#anotherDiv2').click();
});

一切正常

我现在尝试创建一个事件，只单击div（而不是图像），如下所示：

<div class="imgWrap current">

    <img src="image1" />

</div>
<div class="imgWrap">

    <img src="image2" />

</div>
<div class="imgWrap">

    <img src="image3" />

</div>

$(document).on('click', $('div:not(img)'), function(){

    $('#anotherDiv2').click();
});

我的设想是：

我点击图片进入下一张图片，如果我点击图片的外部，他们就会返回画廊

divimgwrap

占据了整个页面，我无法更改HTML代码

---

这可能吗？

停止图像的传播

$(document).on('click', '.imgWrap img', function (e) {
    console.log('img');
    e.stopPropagation()
});
$(document).on('click', '.imgWrap', function (e) {
    console.log('div');
});

---

演示：

停止图像的传播

$(document).on('click', '.imgWrap img', function (e) {
    console.log('img');
    e.stopPropagation()
});
$(document).on('click', '.imgWrap', function (e) {
    console.log('div');
});

演示：

您可以在这种情况下使用

$('.current img').on('click', function(e){
     e.stopPropagation();
});

在这种情况下，您可以使用

$('.current img').on('click', function(e){
     e.stopPropagation();
});