0

嗨,我有一个图像列表

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 中做到这一点。谢谢

4

3 回答 3

2

查看您要替换它的内容,似乎您只想更改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 文档中查找匹配元素来工作。

于 2012-08-10T09:55:56.130 回答
0

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

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

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

于 2012-08-10T09:56:15.443 回答
0

首先。ID 是唯一的。您不能有两个具有相同 ID 的元素。id="new" 附加到两个元素。

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

$("#new").attr("src", "WRITE HERE THE NEW IMAGE PATH") 
于 2012-08-10T09:56:45.387 回答