0

HTML を含む文字列があります。

私は欲しい

  • パート 1: 文字列を DOM 要素に変換し、jquery を使用してすべての画像を選択する
  • パート 2: 現在の src 値の前に「xxxx/」を追加して、すべてのイメージ src を更新します

それを行う方法はありますか？

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>;
4

3 に答える 3

2

これがあなたが望むものであることを願っています。

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/

于 2013-09-18T10:11:24.463 に答える
1

そのようにすることができます：

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

デモ

于 2013-09-18T10:09:50.843 に答える
1

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;})
于 2013-09-18T10:14:53.140 に答える