Replace the attribute value using cheerio
11,849
Solution 1
You have a very small error, "src" in an img it's an attribute and not a property.
So this code will work:
var cheerio = require("cheerio");
var data = "<img src='yahoo.com'/>"
$ = cheerio.load(data);
$("img").each(function() {
var old_src=$(this).attr("src");
var new_src = "/my_cached_image?url=" + encodeURIComponent(old_src);
console.log(new_src);
$(this).attr("src", new_src);
});
console.log($.html());
output is
<img src="/my_cached_image?url=yahoo.com">
Solution 2
Use .attr('src', new_src)
instead of .prop()
.
Author by
Marcus Dive
Updated on June 15, 2022Comments
-
Marcus Dive almost 2 years
The following code is used to replace all the
<img>
tagssrc
value. But the following code does not modify the original document.$.html
prints the original document and not the modified one.$ = cheerio.load(data); $("img").each(function() { var old_src=$(this).attr("src"); var new_src = "/my_cached_image?url=" + encodeURIComponent(old_src); $(this).prop("src", new_src); }); modified_data = $.html();