如果你想删除所有的子文本节点，你可以使用.contents()，然后.filter()来减少匹配集，只剩下文本节点：

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

字符串
这是working example

备注：这将保留子元素上的任何现有事件处理程序，而使用.html()将不会这样做（因为元素将从DOM中删除并重新添加）。
注2：一些链接问题中的答案显示了与我这里的答案类似的代码，但它们使用了nodeType常量（例如return this.nodeType === Node.TEXT_NODE）。这是一个不好的做法，因为版本9以下的IE没有实现Node属性。使用整数更安全（可以在DOM级别2规范中找到）。

这里有一个非jQuery版本，它可以在所有主流浏览器中运行，直到IE 5，只是为了证明没有jQuery的生活是多么的不可怕。
演示：http://jsfiddle.net/timdown/aHW9J/
代码：

var el = document.getElementById("foo"), child = el.firstChild, nextChild;
while (child) {
    nextChild = child.nextSibling;
    if (child.nodeType == 3) {
        el.removeChild(child);
    }
    child = nextChild;
}

字符串

试试这个：

$("#foo").html($("#foo").find("div"));​

字符串
演示：http://jsfiddle.net/PXxC4/

你可以用这个

$("#foo").html($("#foo").children());​

字符串