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

答

看着你想要替换它，似乎你只是想改变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文档中查找匹配的元素。

非常感谢它的作品！ – 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”属性。

答

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

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

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

jQuery的+ HTML img标签

相关推荐