如何使用 cheerio (jquery) 获取给定元素的下一个 HTML 元素

Question

I have the following HTML code:

<p id="calibre_link-1" class="calibre_15">
  <a href="#calibre_link-6">
    <span class="calibre6"><span class="calibre_6"><span class="underline">
       1 Doxologia
    </span></span></span>
  </a>
</p>

<p class="calibre_7"><span class="calibre_1">Justo é o Senhor
em seus santos caminhos,</span></p>
  ....
<p class="calibre_16"><span class="calibre_1">Em verdade.
Aleluia! Aleluia!</span></p>

<blockquote class="calibre_17">
  <span class="calibre3"><span class="calibre_1">(Sl 145.17,18
  — A. Cunha)</span></span>
</blockquote>

And i wish to get all the subsequent text inside 'p' tags until the blockquotes, but my JS code dont work.

$('span[class="calibre_6"]').each(
  (i, el) => {
    var title = $(el).text().replace(/(\r\n|\n|\r)/g, '').replace(/ +(?= )/g, '');    

    console.log( $(el.target).find('p').text() );

    hymns[i]["title"] = title;      
  });

Answer 1

One approach is to use nextUntil to collect the elements between the two tags and addBack to keep the first selected element.

const cheerio = require("cheerio"); // 1.0.0-rc.12

const html = `<your HTML>`;

const $ = cheerio.load(html);
const text = $("#calibre_link-1")
  .first()
  .nextUntil("blockquote")
  .addBack()
  .get()
  .map(e => $(e).text().trim());
console.log(text);

Output:

[
  '1 Doxologia',
  'Justo é o Senhor\nem seus santos caminhos,',
  'Em verdade.\nAleluia! Aleluia!'
]

See also:

• jQuery/cheerio get combined HTML between tags
• Find html text between two tags using jquery or cheerio
• Web scraping between two tags, using cheerio