如何修改src屬性的值 <img> 使用jquery或javascript標記

Question

我正在解析html字符串片段並更改圖像標簽的src屬性。 （即替換以“ ..”開頭的路徑

var hstr = $.parseHTML(str);
$(hstr).find('img').each(function(e){
var srcvalue = $(this).attr('src');
srcvalue = srcvalue.replace(/../gi, "");
$(this).attr('src', srcvalue);
});

然后通過附加結果來設置div元素的內容

document.getElementById('#section').append($(hstr));

但是它不起作用...誰能告訴我出了什么問題？

Answer 1

不要搞亂純JS DOM和Jquery。 使用$('#section').append($(hstr))

Answer 2

不要與Jquery （#ID）選擇器混淆 ，使用

$('#section').append($(hstr));

或（ 不需要#並在DOM元素中使用appendChild ）

document.getElementById('section').appendChild($(hstr));

Answer 3

您應該追加操作對象，創建另一個對象，DOMElement對象也沒有append方法。

$(hstr).find('img').each(function(e){
    // ...
}).appendTo('#section');

使用prop方法：

$(hstr).find('img').prop('src', function(index, srcValue) {
    return srcValue.replace(/../g, "");
}).appendTo('#section');