jQuery getting a text but no html

Question

Possible Duplicate:
Getting the contents of an element WITHOUT its children

How can I get foobar out of the following HTML with jquery/javascript, without using regular expressions?

<div id="somediv">
foobar
<span></span>
</div>

score 2 · Accepted Answer · answered Aug 06 '11 at 18:27

2

Just use .text().

$("#somediv").text();

Or, if the span has content which you want to ignore, use:

$("#somediv").contents().first().text();

answered Aug 06 '11 at 18:27

Jack Murdoch

score 1 · Answer 2 · answered Aug 06 '11 at 18:28

1

If you just want the text from the first child node, use

$("#somediv").contents().eq(0).text()

answered Aug 06 '11 at 18:28

Dogbert

score 0 · Answer 3 · answered Aug 06 '11 at 18:28

0

Try this:

var text = document.getElementById("somediv").getElementsByTagName("span")[0].innerHTML;

answered Aug 06 '11 at 18:28

The Mask

that would return both the text and the span tag or whatever else is inside – TheBrain Aug 06 '11 at 18:29

score 0 · Answer 4 · answered Aug 06 '11 at 18:29

0

You can do the following:

$('#somediv').text().trim();

The trim will get rid of the extra whitespace from the carriage returns and leave you with just foobar.

answered Aug 06 '11 at 18:29

rahlstrom

4 Answers4