JQuery XML have .text() return only current node text

Question

Sorry for the vague title. Here's an example of what I'd like to do.

<book>
  The Lord of the Rings
  <author>JRR Tolkien</author>
</book>

$xml.find("book").each(function()
{
  $(this).text();
});

$(this).text(); returns not only "The Lord of the Rings" but also ... and any other nodes inside . I'm looking for a consistant way to return only "The Lord of the Rings" or whatever information i have in there.

score 3 · Answer 1 · edited May 23 '17 at 12:03

3

You need to use contents() to get all nodes and then .filter() it to get rid of any nodes that are not text nodes:

$xml.find("book").contents().filter(function() {
    return this.nodeType == Node.TEXT_NODE;
}).each(function() {
    // $(this).text();
});

^Source

If the code needs to work in IE7, too, you'll have to replace Node.TEXT_NODE with 3.

edited May 23 '17 at 12:03

Community

1
1

answered Jun 16 '12 at 20:17

ThiefMaster

310,957
84
592
636

score 2 · Accepted Answer · answered Jun 16 '12 at 20:33

2

Likely that text will always preceed tag so you can grab first node of contents also

$(xml).find('book').each(function(){
   var text=$(this).contents().eq(0).text();
});

DEMO: http://jsfiddle.net/nS5bj/

answered Jun 16 '12 at 20:33

charlietfl

170,828
13
121
150

score 1 · Answer 3 · answered Jun 16 '12 at 20:27

You can clone the element and remove that clone's children, leaving the bare text:

$xml.find("book").each(function()
{
    var title = $(this).clone().children().remove().end().text();
});

The use of .end here is key, as it terminates the .remove operation (removing all child tags), leaving the leftover text.

JSFiddle

JQuery XML have .text() return only current node text

3 Answers3