How to turn Cheerio DOM nodes back into html?

Question

Using the HTML below, I'm attempting to extract the html of each paragraph. However I cannot find any way to turn the nodes back into HTML or query objects.

The below is a string var html = ...

<article>
    <p> p1 </p>
    <p> p2 </p>
</article>

The html is loaded as such

var $ = require('cheerio').load(html)
var paragraphs = $('p').toArray().map(p => /* I want the html at this point */ )

How to I get the HTML of these paragraphs?

NOTE: for clarity I'm calling the return value of cheerio.load a "query object" and the return of the toArray method DOM nodes; for lack of a better phrase.

Answer 1

You can use $.html:

var paragraphs = $('p').toArray().map(p => {
    console.log($.html(p));
    return $.html(p);
});

The documentation shows an example using a selector, however cheerio DOM elements also work as expected:

If you want to return the outerHTML you can use $.html(selector):

$.html('.pear') //=> <li class="pear">Pear</li>