jquery - どのタグにも含まれていないテキストを削除

Question

私はhtmlコードを次のようにしています

<form id="form1">
    <img src="..." />
    <input type="text" value="Text box 1" id="txt1" />
    Sample text
    <input type="hidden" value="name" />
</form>

Sample textどのタグにも含まれていないテキストを削除したい。

このテキストを削除するには？

Answer 1

これは機能します：

$('#form1')
  .contents()
  .filter(function() {
    return this.nodeType == 3; //Node.TEXT_NODE
  }).remove();

フィドルを見る

Answer 2

これを試して、

$(function(){
    var html=$('#form1').html();
    var txt=$('#form1').text();
    html=html.replace($.trim(txt),'');
    $('#form1').html(html);
});

働くフィドル