jQuery的 - 刪除HTML值

Question

我有我的HTML一些價值，我想刪除：

<td valign="top" class="ms-formbody"> 
    <div class="sputility-readonly">12</div> 
    99.99   
</td> 

我想刪除'99 .99' 這可能嗎？

Answer 1

您可以過濾文本節點的內容：

$('.ms-formbody').contents().filter(function(){ 
    return this.nodeType === 3; //nodeType 3 is a text node. 
}).remove(); 

http://jsfiddle.net/o86upesc/1/

Answer 2

是的。您可以使用jQuery's detach() method然後清除HTML，並添加div回到分離從td的div元素：

var div = $('td.ms-formbody').find('div').detach(); 

$('td.ms-formbody').html('').append(div); 

JSFiddle demo。

Answer 3

var sputility = $(".sputility-readonly"); 
$(".ms-formbody").empty(); 
$(".ms-formbody").append(sputility); 

Answer 4

試試這個：克隆的td孩子，然後把這些孩子的主要td

var children = $('td.ms-formbody').children().clone(); 
$('td.ms-formbody').html(children); 

HTML

Answer 5

晚會晚了，但t他最簡單的一種/最快的版本我能想出是：

var form = $('td.ms-formbody'); 
form.html(form.children().detach()); 

的jsfiddle：http://jsfiddle.net/TrueBlueAussie/o86upesc/4/

它使用的html()的版本，需要的jQuery對象（而不是字符串）。它也不關心其他孩子是什麼，所以更改更靈活一些。

Karl-AndréGagnon的標記答案仍然是最好的。我只是想看看有什麼更短的替代品可用:)