在jQuery中我想删除div中的所有HTML

Question

我有一个div，我想删除该div中的所有HTML。

我该怎么做？

Answer 1

您想使用empty功能：

$('#mydiv').empty();

Answer 2

我认为empty()或html()不是您想要的。我想你在PHP中寻找像strip_tags这样的东西。如果你想这样做，那么你需要添加这个功能：

jQuery.fn.stripTags = function() {
    return this.replaceWith( this.html().replace(/<\/?[^>]+>/gi, '') );
};

假设这是您的HTML：

<div id='foo'>This is <b>bold</b> and this is <i>italic</i>.</div>

然后你这样做：

$("#foo").stripTags();

这将导致：

<div id='foo'>This is bold and this is italic.</div>

Answer 3

另一种方法是将html设置为空字符串：

$('#mydiv').html('');

Answer 4

var htmlJ = $('<p><span>Test123</span><br /><a href="http://www.google.com">goto Google</a></p>');
console.log(htmlJ.text()); // "Test123goto Google"

Answer 5

  function stripsTags(text)
  {
    return $.trim($('<div>').html(text).text());
  }

Answer 6

假设您有一个像这样的HTML

$('.first').empty();

如果你想要所有html在＆＃34;首先＆＃34; div永久删除。只需使用此

<div class="prtDiv">
   <div class="first">

  </div>
</div>

结果将是这样的

$('.first').detach();

对于临时（如果你想再次添加它们），我们可以尝试像

这样的detach（）

transform: rotate()