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

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

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

您的img选择器将返回页面上的所有图像，而不是单击的图像

试试这个：

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

编辑

OP将问题重新定义为“单击父对象，所有图像都应更改”：

$(".div1").click(function() {
    $("IMG", $(this)).each(function() {
        var src = $(this).attr("src").replace(".", "-h.");
        $(this).attr("src", src);
    });
});

您的img选择器将返回页面上的所有图像，而不是单击的图像

试试这个：

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

编辑

OP将问题重新定义为“单击父对象，所有图像都应更改”：

$(".div1").click(function() {
    $("IMG", $(this)).each(function() {
        var src = $(this).attr("src").replace(".", "-h.");
        $(this).attr("src", src);
    });
});

---

一个问题是参数在replace中的顺序-应该是

replace(".","-h.")

---

一个问题是参数在replace中的顺序-应该是

replace(".","-h.")

当文件名为help.me.png时，您运气不好

---

当文件名为help.me.png时，您运气不好，替换将不返回任何内容。当我单击该分区中的任何图像时，该分区中的所有图像src都应更改。不工作，只更改了一个图像src，但不能一次更改所有图像src。您是否可以发布OP中的代码。该代码可以工作，如小提琴所示。替换将不返回任何内容。当我单击该分区中的任何图像时，该分区中的所有图像src都应更改不起作用，仅更改了一个图像src，但不会一次更改所有图像src。您是否可以发布OP中的代码。代码确实起作用，正如fiddle所证明的。这里的问题是您正在捕获三个image实例，它们在src上的值都不同。这里的问题是您正在捕获三个image实例，它们在src上的值都不同。

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