如何刪除元素中的內容？

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

如果可能的話，我更喜歡使用節點而不是html作為字符串，所以我建議這樣：

http://jsfiddle.net/p7v89/

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

這將找到所有文本節點並將其刪除。

Answer 3

您也可以嘗試使用.detach()方法。

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

Answer 4

您將獲得沒有HTML標簽和＆nbsp等的文本

這是HTML標記和＆nbsp等的解決方案，您可以刪除和添加條件

convertHtmlToText(passHtmlBlock)
{
   str = str.toString();
  return str.replace(/<[^>]*(>|$)|&nbsp;|&zwnj;|&raquo;|&laquo;|&gt;/g, ' ');
}