I am parsing a html string fragment and changing the src attribute of image tags. (i.e. 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 ?
Dont mess up pure JS DOM and Jquery. Use $('#section').append($(hstr))
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));
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');
