How to remove child element and spaces using jquery?

Question

I have the following content:

<div class="sectionA"> <p>sfadfafdafdafdaf</p>  </div>

If I do:

$(".sectionA *").remove();

I get this:

<div class="sectionA">   </div>

How do I remove the spaces after removing the <p> child element?

Here is a great script I have used before: stackoverflow.com/questions/1539367/… — Red2678
– Red2678, Commented Jan 24, 2013 at 21:02

kapa · Accepted Answer · 2013-01-24 21:14:32Z

4

What you need is the .empty() method, which does just what you described:

This method removes not only child (and other descendant) elements, but also any text within the set of matched elements. This is because, according to the DOM specification, any string of text within an element is considered a child node of that element.

Example:

 $(".sectionA").empty();

jsFiddle Demo

edited Jan 24, 2013 at 21:14

answered Jan 24, 2013 at 21:01

kapa

78.9k21 gold badges166 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nice ass · Accepted Answer · 2013-01-24 21:00:53Z

2

Place an empty string inside it:

 $(".sectionA").html('');

answered Jan 24, 2013 at 21:00

nice ass

16.8k8 gold badges54 silver badges92 bronze badges

1 Comment

abc123 Over a year ago

agreed, since you are wanting the <p> tags removed as well.

Collectives™ on Stack Overflow

How to remove child element and spaces using jquery?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related