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();

See fiddle

Answer 2

试试这个..它正在运行： -

$(document).ready(function(){
     var $tmp = $('#form1').children().remove();
     $('#form1').text('').append($tmp);
});

see the FIDDLE

Answer 3

试试这个，

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

Working fiddle

删除不在任何标记中的文本

3 个答案: