如何使用jquery或javascript修改<img/>标签的src属性的值

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');