Question

How can I use jquery to remove a SPECIFIC div that has no children (at least no children that isn’t whitespace). E.g.

<div id='outer'>     some content     <div id='removeme'>        </div>     some more content </div> 

Want to completely remove the div with id=’removeme’.

Answer 1

To remove the element with id equal to removeme:

$('#removeme').remove(); 

To remove the element with id equal to removeme only if it is empty:

$('#removeme:empty').remove(); 

To remove all empty <div>s:

$('div:empty').remove(); 

EDIT: If it’s not empty, but has whitespace:

if($.trim($('#removeme').text()) == '') {   $('#removeme').remove(); }