如何從元素中移除 之類的內容？

Question

我有一個div其中內容是這樣的：

<div class="container"> 
    &nbsp; 
    <div class="eventSpot bg-blue"></div> 
    <div class="eventSpot bg-blue"></div> 
    <div class="eventSpot bg-red"></div> 
</div> 

的 會引起一些問題的造型，所以我需要將其刪除。

如何使用jQuery/javascript去除那部分內容？

Answer 1

使用jQuery：

var div = $('div.container'); 
div.html(div.html().replace(/^\s* /m, '')); 

Answer 2

你可以嘗試交替的.detach()方法。

var $data = $('.container > div').detach(); 
$('.container').empty().html($data); 

Answer 3

我喜歡用的節點，而不是HTML作爲一個字符串，如果可能的工作，所以我建議是這樣的：

http://jsfiddle.net/p7v89/

$('.container').contents().filter(function() { 
    return this.nodeType == 3 
}).remove(); 

這會發現所有的文本節點，並刪除它們。