How to remove text inside an element with jQuery?

Question

I have a script that creates a list of items with a structure like this:

    
Some stuff
    

        

Answer 1

$('li').html($(this).children())

You can try this, it should work. Clean and easy.

Answer 2

This should work.

$("li").contents().filter(function(){ return this.nodeType != 1; }).remove();

or by specifying text nodes explicitly

$("li").contents().filter(function(){ return this.nodeType == 3; }).remove();

See this fiddle.

Answer 3

$('li').not('div,a').text('') 

Try this, untested

Edit

$('li').contents().filter(function(){ return !(this.tagName == 'DIV' 
                                            || this.tagName == 'A');}).remove();