Cheerio 获取元素外部 html

Question

我正在使用cheerio 在节点6.10.2 的服务器端解析html 文件。我需要获取文档正文中每个 div 的 outerHtml，我的代码是：

 /* const data is valid html document (type of string)*/
 const $ = cheerio.load(data);
 let pages = $('body > div').toArray();
 console.log(pages[0]); // Elements parsed correctly
 let htmlPages = pages.map(page => $(page).html());
 console.log(htmlPages[0]); // Here I have innerHtml, not outer...      

问题：我正在使用 innerHtml 获取字符串。 任何人都可以帮忙吗？ ?

Answer 1

将您的地图功能更改为

let htmlPages = pages.map(page => $.html(page));

根据docs

Answer 2

如果您无法轻松访问原始 $ 对象，以下方法也可以使用

function outerHTML (element) {
    var index = element.index();
    var parent = element.parent().clone();
    var child = parent.children()[index];
    parent.empty();
    parent.append(child);
    return parent.html();
}