Get text in parent without children using cheerio

Question

I am trying to extract just the content of a div - without any of the children of that div - using cheerio. If I just use div.text() - I get all the text - parent and children. Here's the HTML - I just want the value "5.25"

The code below currently returns "Purchase price $5.25"

The HTML below:

<div class="outer tile"> 
    < ... various other html here > 
    <div class="cost">
        <span class="text">Purchase price </span>
        <small>$</small>5.25
    </div>
</div>

with the extract of the relevant node.js CHEERIO code below:

var $ = cheerio.load(data);
$("div.outer.tile").each(function(i, e) {
  var price = $(e).find('div.price');
      console.log(price.text());
});

score 24 · Answer 1 · edited Oct 16 '14 at 00:10

24

Anyone still wondering how to do this in Cheerio:

$('div.classname').first().contents().filter(function() {
    return this.type === 'text';
}).text();

edited Oct 16 '14 at 00:10

Cory Danielson

14,314
3
44
51

answered May 30 '14 at 13:42

Evers

1,858
1
17
18

score 5 · Answer 2 · answered May 27 '17 at 08:23

5

i like this most:

$('div.cost').children().remove().end().text();

which i find more concise (no idea about efficency).

source

runkit

answered May 27 '17 at 08:23

fffact

226
2
4

5

note that this answer, unlike the top rated one, modifies the underlying cheerio object and will delete the contents of the div – Luke Tan May 11 '18 at 16:15

score 0 · Answer 3 · edited May 23 '17 at 11:45

0

I used this post

Get the text after span element using jquery

as reference to make a fiddle

http://jsfiddle.net/TKwhY/

It was new to me, but you can get text nodes by returning only elements of nodeType 3

var a = $('.cost').first().contents().filter(function() {
    return this.nodeType == 3;
});

edited May 23 '17 at 11:45

Community

1
1

answered Dec 30 '13 at 04:31

mickadoo

3,337
1
25
38

score 0 · Answer 4 · answered Nov 26 '22 at 03:09

If you're sure it's the last text child, you can use:

$(".cost").contents().last().text().trim();

But here's a more general approach than the selected answer (I avoid using .first() and trim the text):

import cheerio from "cheerio";

const html = `
<div class="outer tile">
  <div class="cost">
    <span class="text">Purchase price </span>
    <small>$</small>5.25
  </div>
</div>
`;
const $ = cheerio.load(html);

const result = [...$(".cost").contents()]
  .filter(e => e.type === "text" && $(e).text().trim())
  .map(e => $(e).text().trim())
  .join(""); // optional
console.log(result);

Get text in parent without children using cheerio

4 Answers4

Linked

Related