javascript - 如何将字符串转换为 DOM 并在其中选择

Question

我有一个包含 HTML 的字符串。

我需要

• 第一部分：将字符串转换为 DOM 元素并使用 jquery 选择所有图像
• 第二部分：更新所有图像 src 在当前 src 值之前添加“xxxx/”

知道怎么做吗？

var resp = '<div><img src="smiley1.gif"></div><div><img src="smiley2.gif"></div><div><img src="smiley3.gif"></div>';

var dom = $(resp).html();

呈现为 html 的结果应该是：

<div><img src="xxxx/smiley.gif"></div><div><img src="xxxx/smiley.gif"></div><div><img src="xxxx/smiley.gif"></div>;

Answer 1

好吧，希望这是你想要的。

var re = /src=\"/gi;
var str = '<div><img src="smiley.gif"></div><div><img src="smiley.gif"></div><div><img src="smiley.gif"></div>';
var newstr = str.replace(re, "src=\"xxxxxx\/");
alert(newstr);

这是工作小提琴http://jsfiddle.net/jogesh_pi/4L5Q8/

Answer 2

可以这样做：

var dom = $('<div/>').html(resp).find('img').attr('src', function () {
    return 'xxxx/' + $(this).attr('src')
}).end().html();

演示

Answer 3

使用jQuery：

var resp = '<div><img src="smiley.gif"></div><div><img src="smiley.gif"></div><div><img src="smiley.gif"></div>';

$(resp).appendTo($('body'));
$('img').each(function(){this.src = "xxxxxx" + this.src;})