Javascript get only div parent node value (no child nodes)

Question

Here is my problem:

<html> <div id="parentdiv"> some parent value <div id="childdiv">some child value</div> </div> </html>

parent div → parent div content → child div → child div content → end child div → end parent div

I need to get only the parent div value without the value of the child div. How can I do this in javascript?

+4

user2107321 Feb 25 '13 at 13:03

4 answers

gregjer · Answer 1 · 2013-02-25T13:13:16+0000

try the following:

 alert($('#parentdiv').clone().children().remove().end().text());

Wez · Answer 2 · 2013-02-25T13:10:45+0000

If you have control over the HTML, just wrap that value with a <p> (as it should be), and then access it like that.

HTML

 <html> <div id="parentdiv"> <p>some parent value</p> <div id="childdiv">some child value</div> </div> </html>

JQuery

 $('#parentdiv p').text();

If there are other <p> elements in the parent element, then use the class.

Guern · Answer 3 · 2013-02-25T13:11:07+0000

It works:

 var $parent = $('#parentdiv').clone(); $parent.find('#childdiv').remove(); var parentvalue = $parent.text();

Try this JsFiddle

nitesh sharma · Answer 4 · 2013-02-25T13:15:26+0000

just wrap it inside the span tag and get inneHTML of that tag