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

Question

I am parsing a html string fragment and changing the src attribute of image tags. (ie replacing paths that start with ".."

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

then setting the contents of a div element by appending the result

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

but it is not working... can anyone tell me what is going wrong ?

Answer 1

Dont mess up pure JS DOM and Jquery. Use $('#section').append($(hstr))

Answer 2

Don't get confused with Jquery (#ID) selector , Use either

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

or ( no need of # and use appendChild in DOM element )

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

Answer 3

You should append the manipulated object, you are creating another object, also DOMElement object doesn't have append method.

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

Using prop method:

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