Clear text of div , but keep child nodes using jquery [duplicate]

Answer 1

Don't use jQuery:

var div = document.getElementById("parent");
div.firstChild.data = "";​

See http://jsfiddle.net/Q8Bzv/

Answer 2

Try this:

var $children = $("#parent").children();
$("#parent").html("").append($children);​

Answer 3

Try

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

http://jsfiddle.net/eUW47/1

Answer 4

A general "remove all child text nodes" function (sorry, no jQuery):

function removeTextNodes(el) {
  var nodes = el.childNodes, i = nodes.length;
  while (i--)
    if (nodes[i].nodeType == 3) el.removeChild(nodes[i]);
}