Simple Tag Extraction in jQuery

Question

If I have

<p id="target">
  <span><sup>$</sup>50</span>
</p>

var $p = $("p#target");

How do I get just the text 50 from $p i.e. without the dollar sign?

possible duplicate of [JQuery InnerText not including sub element](http://stackoverflow.com/questions/1476787/jquery-innertext-not-including-sub-element) — Felix Kling, Jan 03 '12 at 01:02

score 4 · Answer 1 · answered Jan 03 '12 at 01:13

4

var num = $("#target > span")[0].lastChild.data;

http://jsfiddle.net/FJmLd/

answered Jan 03 '12 at 01:13

score 1 · Accepted Answer · answered Jan 03 '12 at 01:02

1

Here's one way:

var clone = $("#target").clone();
clone.find("sup").remove();
var text = clone.text();

Demo: http://jsfiddle.net/ANp9y/

...or, if it's only ever a dollar you need to worry about:

var text = $.trim($("#target").text().replace("$", ""));

answered Jan 03 '12 at 01:02

karim79

339,989
67
413
406

score 0 · Answer 3 · answered Jan 03 '12 at 01:05

0

You could do this

var a = $('#target span').text();
var b = a.split('$');
alert(b[1]);

Example: http://jsfiddle.net/2mgeC/

answered Jan 03 '12 at 01:05

Jason Gennaro

34,535
8
65
86

score 0 · Answer 4 · answered Jan 03 '12 at 01:20

You can iterate over the contents and concatenate the trimmed text nodes:

var text = $("#target span").contents().map(function() {
    if(this.nodeType == Node.TEXT_NODE){
        return $.trim(this.nodeValue);
    }
}).toArray().join();
alert(text); //50

JSFiddle

Simple Tag Extraction in jQuery

4 Answers4