Question

嗨，我有一个图像列表

images =    '<img id="new" src="../../public/images/badges/newbw.png" alt="" width="60" title="Newbie: Shared first featured campaign" height="60">' +
                '<img id="new1" src="../../public/images/badges/swbw.png" alt="" width="60" title="Newbie: Shared first featured campaign" height="60">'+
                '<img id="new2" src="../../public/images/badges/sswbw.png" alt="" width="60" title="Newbie: Shared first featured campaign" height="60">'+
                '<img id="new3" src="../../public/images/badges/adbw.png" alt="" width="60" title="Newbie: Shared first featured campaign" height="60">' +
                '<img id="new4" src="../../public/images/badges/expbw.png" alt="" width="60" title="Newbie: Shared first featured campaign" height="60">'+
                '<img id="new5" src="../../public/images/badges/supbw.png" alt="" width="60" title="Newbie: Shared first featured campaign" height="60">';

现在我只想替换 img id="new"新图片<img id="new" src="../../public/images/badges/new.png" alt="" width="60" title="Newbie: Shared first featured campaign" height="60">

保持其他人的原样。因为我的jquery知识有限，我觉得很难。我怎么能在jquery中做到。谢谢

Answer 1

看看你想要替换它的内容，似乎你只想改变src属性。

由于字符串中没有其他元素包含相同的src，您可以执行javascript替换：

images = images.replace("../../public/images/badges/newbw.png", "../../public/images/badges/new.png");

或者，将此字符串添加到DOM * 后，您可以使用jQuery更改值：

$("#new").attr("src", "../../public/images/badges/new.png");

* 注意：在将字符串$("#new")添加到DOM之前，不能使用images，因为jQuery选择器只能通过查找HTML文档中的匹配元素来工作。

Answer 2

因此您只需要更改id =“new”的图像的“src”属性。使用jQuery，你需要这个：

$("#new").attr("src","../../public/images/badges/new.png");

在这里，您使用$("#new")选择确切的图像，并通过调用其上的attr()函数来更改其“src”属性。

Answer 3

起初。 ID是唯一的。您不能拥有两个具有相同ID的元素。 id =“new”附加到两个元素。

现在更改id等于new的img的src。

$("#new").attr("src", "WRITE HERE THE NEW IMAGE PATH")

Jquery + html img标签

3 个答案: