jquery - 单击 div 中的任何图像时更改 img src

Question

我有一个 div 包含下面的图像和

<div class="div1">
    <img src="images/pic1.png">
    <img src="images/pic2.png">
    <img src="images/pic3.png">
</div>

当我点击任何图像时，图像路径应更改为images/pic1-h.png

这是我在 jQuery 中尝试过的方法，但它不起作用

$(".div1").click(function(){
    var r1 = $("img").attr("src").replace(".", ".-h");
    $('img').attr("src", r1);
});

Answer 1

$(".div1 img").click(function(){    
    $(this).attr("src", $(this).attr("src").replace('.','-h.'));
});