从<div> </div>中删除文本

Question

  

可能重复：
  Remove text with jQuery

我想删除div中的文字，但div包含其他节点。

如果我使用$("#hwiTestimonial").text("");，它也会删除<br/>和<div>。我怎样才能指定删除文本，没有任何节点？

<div id="hwiTestimonial">
    " Bla bla" 
    <br/>
    <div>....</div>
</div>

Answer 1

您可以filter元素的contents只留下文字节点：

$("#hwiTestimonial").contents().filter(function () {
    return this.nodeType === 3; // Text nodes only
}).remove();

这是working example。

Answer 2

你可以使用其中任何一个

$("#hwiTestimonial")
  .contents()
  .filter(function() {
    return this.nodeType == Node.TEXT_NODE;
}).remove();

或者您也可以将其用于旧的浏览器支持

$("#hwiTestimonial").contents().filter(function () {
    return this.nodeType === 3; // Text nodes only
}).remove();