Javascript 用于触发操作的JS图像源属性

我正在学习JS。我想我的JS代码只会触发src属性为“”的图像的操作，以便在单击时更改为目标新链接（320x120）。但是它把所有的图像都变成了最新的，有什么想法吗

完整代码：

HTML:

<img class=icon1 src="http://placehold.it/350x150"/>
<img class=icon2 src="http://placehold.it/140x140"/>
<img class=icon3 src="http://placehold.it/200x100"/>
<img class=icon4 src="http://placehold.it/350x65"/>

$（'img'）

选择所有图像元素。使用

$（this）

获取触发事件的元素。

$（'img'）

选择所有图像元素。使用

$（this）

获取触发事件的元素。

$（'img'）

选择所有图像元素。使用

$（this）

获取触发事件的元素。

$（'img'）

选择所有图像元素。使用

$（this）

获取触发事件的元素。

将代码更改为

$(document).ready(function() {
$('image').on("click", function() {
    if($('img').attr('src') === 'http://placehold.it/350x150')
        $(this).attr('src', 'http://placehold.it/300x120');
    })
})

将代码更改为

$(document).ready(function() {
$('image').on("click", function() {
    if($('img').attr('src') === 'http://placehold.it/350x150')
        $(this).attr('src', 'http://placehold.it/300x120');
    })
})

将代码更改为

$(document).ready(function() {
$('image').on("click", function() {
    if($('img').attr('src') === 'http://placehold.it/350x150')
        $(this).attr('src', 'http://placehold.it/300x120');
    })
})

将代码更改为

$(document).ready(function() {
$('image').on("click", function() {
    if($('img').attr('src') === 'http://placehold.it/350x150')
        $(this).attr('src', 'http://placehold.it/300x120');
    })
})

---

如果要将前一个图像恢复到其初始状态，则对于每个单击事件，应执行以下操作

$('.icon1').on("click", function (e) {
    if ($(e.currentTarget).attr('src') === 'http://placehold.it/350x150') {
        var changedImage = $('[data-image-name="changed_image"]')
        changedImage.removeAttr('data-image-name').attr('src', changedImage.attr('prevSrc'));
        $(e.currentTarget).attr('data-image-name', 'changed_image');
        $(e.currentTarget).attr('prevSrc', 'http://placehold.it/350x150');
        $(e.currentTarget).attr('src', 'http://placehold.it/300x150');
    }
})

---

如果要将前一个图像恢复到其初始状态，则对于每个单击事件，应执行以下操作

$('.icon1').on("click", function (e) {
    if ($(e.currentTarget).attr('src') === 'http://placehold.it/350x150') {
        var changedImage = $('[data-image-name="changed_image"]')
        changedImage.removeAttr('data-image-name').attr('src', changedImage.attr('prevSrc'));
        $(e.currentTarget).attr('data-image-name', 'changed_image');
        $(e.currentTarget).attr('prevSrc', 'http://placehold.it/350x150');
        $(e.currentTarget).attr('src', 'http://placehold.it/300x150');
    }
})

---

如果要将前一个图像恢复到其初始状态，则对于每个单击事件，应执行以下操作

$('.icon1').on("click", function (e) {
    if ($(e.currentTarget).attr('src') === 'http://placehold.it/350x150') {
        var changedImage = $('[data-image-name="changed_image"]')
        changedImage.removeAttr('data-image-name').attr('src', changedImage.attr('prevSrc'));
        $(e.currentTarget).attr('data-image-name', 'changed_image');
        $(e.currentTarget).attr('prevSrc', 'http://placehold.it/350x150');
        $(e.currentTarget).attr('src', 'http://placehold.it/300x150');
    }
})

---

如果要将前一个图像恢复到其初始状态，则对于每个单击事件，应执行以下操作

$('.icon1').on("click", function (e) {
    if ($(e.currentTarget).attr('src') === 'http://placehold.it/350x150') {
        var changedImage = $('[data-image-name="changed_image"]')
        changedImage.removeAttr('data-image-name').attr('src', changedImage.attr('prevSrc'));
        $(e.currentTarget).attr('data-image-name', 'changed_image');
        $(e.currentTarget).attr('prevSrc', 'http://placehold.it/350x150');
        $(e.currentTarget).attr('src', 'http://placehold.it/300x150');
    }
})

---

好的，很酷！。。现在我需要弄清楚如何在其他图像中复制它，如果我单击另一个图像，前一个图像将恢复到其初始状态。。欢迎任何帮助！cheersok很酷！。。现在我需要弄清楚如何在其他图像中复制它，如果我单击另一个图像，前一个图像将恢复到其初始状态。。欢迎任何帮助！cheersok很酷！。。现在我需要弄清楚如何在其他图像中复制它，如果我单击另一个图像，前一个图像将恢复到其初始状态。。欢迎任何帮助！cheersok很酷！。。现在我需要弄清楚如何在其他图像中复制它，如果我单击另一个图像，前一个图像将恢复到其初始状态。。欢迎任何帮助！cheers@lauWM您还需要为（“单击”）上的

选择正确的元素。目前，您只选择了第三个图标，而不是全部。在（“单击“…”）上尝试
$（'img'）
@lauWM您还需要为（“单击”）

上的

选择正确的元素。目前，您只选择了第三个图标，而不是全部。在（“单击“…”）上尝试
$（'img'）
@lauWM您还需要为（“单击”）

上的

选择正确的元素。目前，您只选择了第三个图标，而不是全部。在（“单击“…”）上尝试
$（'img'）
@lauWM您还需要为（“单击”）

上的

选择正确的元素。目前，您只选择了第三个图标，而不是全部。在（“单击“…”）上尝试
$（'img'）当您单击任何图像时，其src将更改，当您单击任何其他图像时，前一个图像将恢复到初始状态，这是您想要的吗？那么它的工作就是jsFiddle。当您单击任何图像时，它的src将被更改，当您单击任何其他图像时，以前的图像将恢复到初始状态，这是您想要的吗？那么它的工作就是jsFiddle。当您单击任何图像时，它的src将被更改，当您单击任何其他图像时，以前的图像将恢复到初始状态，这是您想要的吗？那么它的工作就是jsFiddle。当您单击任何图像时，它的src将被更改，当您单击任何其他图像时，以前的图像将恢复到初始状态，这是您想要的吗？那么它的工作就是jsFiddle。