jQuery的+ HTML img標籤

嗨，我有圖片jQuery的+ HTML img標籤

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中做到這一點。謝謝

來源

2012-08-10 d3bug3r

看着你想要替換它，似乎你只是想改變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")，直到字符串images已被添加到DOM，因爲jQuery選擇器只能在HTML文檔中查找匹配的元素。

來源

2012-08-10 09:55:56 Curt

非常感謝它的作品！ – d3bug3r 2012-08-10 10:02:08

@zlippr不用擔心，請標記爲已接受，如果這有助於http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – Curt 2012-08-10 10:10:10

所以你只需要改變id =「new」的圖像的「src」屬性。使用jQuery，你需要這樣的：

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

在這裏，您選擇與$("#new")精確圖像，並通過調用它的attr()功能改變它的「src」屬性。

來源

2012-08-10 09:56:15

起初。 ID是唯一的。你不能有兩個具有相同ID的元素。 id =「new」附加到兩個元素。

現在更改id爲id等於new的img的src。

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

來源

2012-08-10 09:56:45

jQuery的+ HTML img標籤

回答

相關問題