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());
});

Answer 1

i like this most:

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

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

source

runkit

Answer 2

Anyone still wondering how to do this in Cheerio:

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

Answer 3

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;
});