get text in div

Question

Possible Duplicate:
jquery - get text for element without children text

I've a div with text inside and span after text like this:

<div>
text
<span>other text</span>
</div>

and I'd like to get only text in div not in span

Thanks

I'm going to be short about this: I don't get it. – Sebass van Boxel Oct 03 '12 at 10:14 — Sebass van Boxel, Oct 03 '12 at 10:14

score 1 · Answer 1 · answered Oct 03 '12 at 10:26

1

Try this

  var myText = $('#dd').clone()            
             .children()    //select all the children
             .remove()  //remove all the children
             .end() //again go back to selected element
             .text();   //get the text of element

answered Oct 03 '12 at 10:26

Murali Murugesan

22,423
17
73
120

Upvoted, I like your .end() shortcut. – Nelson Oct 03 '12 at 10:42

devnull69 · Answer 2 · 2012-10-03T11:38:04.510

0

var theText = "";
$('div').contents().each(function() {
    if(this.nodeType === 3) theText += $(this).text();
});

edited Oct 03 '12 at 11:38

answered Oct 03 '12 at 10:15

devnull69

16,402
8
50
61

The method is [`.contents()`](http://api.jquery.com/contents). Otherwise, this works! – nbrooks Oct 03 '12 at 10:19

score 0 · Accepted Answer · answered Oct 03 '12 at 10:24

You can use .clone() for that, like so:

b = $('div').clone();
b.children('span').remove();
alert( b.text() ); // alerts "text"

Using .clone() we can make a copy of the div, remove the span, and then get the text, all without affecting the original DOM elements displayed on the page.

get text in div

3 Answers3

Linked