jquery删除所有子元素并保留文本

Question

Whats the best way to remove all child elements from a div but leave any text that is directly inside the div in jquery.

I have tried .childre().remove() but this is adding loads of whitespace in firefox and opera. Works fine in ie though.

Answer 1

Try:

$('#element_id').children().remove().end().text($.trim($('#element_id').text()));

The $.trim is supposed to remove the surrounding whitespace from the text.