Jquery - Remove only text content from a div

Question

Hi, is possible to remove only text content from a div, i.e. leave all other elements intact and only remove text that is directly inside a div?

Answer 1

This should do the trick:

$('#YourDivId').contents().filter(function(){
    return this.nodeType === 3;
})​.remove();​

Answer 2

You can do it with simple dom:

var div=$("div")[0];
if(div.childNodes.length)
   for(var i=0;i<div.childNodes.length;i++)
   {
       if(div.childNodes[i].nodeType===3)
           div.removeChild(div.childNodes[i]);
   }

Answer 3

The simplest way would be something like this:

$('#div').html($('<div>').append($('*', '#div')).html());

Answer 4

$('#yourDiv').text('');

This will remove your text content