如何使用jquery从父元素中删除文本（不删除内部元素）
想象一下，我有类似以下内容（从http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/修改）
<div id="foo"> first <div id="bar1"> jumps over a lazy dog! </div> second <div id="bar2"> another jumps over a lazy dog! </div> third </div> 如何从DOM中删除（仅文本）“第一”，“第二”和“第三”而不影响任何子元素。
如果要删除所有子文本节点，可以使用.contents() ，然后使用.filter()将匹配的集合减less为仅文本节点：
$("#foo").contents().filter(function () { return this.nodeType === 3; }).remove();
这是一个工作的例子 。
注意 ：这将保留子元素上的所有现有事件处理程序，使用.html()答案不会这样做（因为元素从DOM中删除并重新添加）。
注2 ：在一些链接的问题的答案显示类似的代码，在我的答案在这里，但他们使用nodeType常量（例如return this.nodeType === Node.TEXT_NODE ）。 这是不好的做法，因为低于版本9的IE不执行Node属性。 使用整数（可以在DOM level 2规范中find ）比较安全。
这里有一个非jQuery版本，可以在所有主stream浏览器中使用，只是为了演示没有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());
