使用JQuery删除Div的内容

Question

如何使用 JQuery 删除一个 Div 的内容。

 <div id="1">
  <label id="label1"/><br/>
  <input type="text" data-attr="phoneEuro" style="width: 200px;" id="input1"/> <label id="instr1"/>
 </div>

我想要移除一个Div元素的所有内容，然后向其中添加新的内容。

- Mercy

---

可能是重复的问题：在jQuery中，想要删除div内部的所有HTML。 - showdev

Answer 1

$("#1").empty();

另外，您不应该以数字开头命名id。

- Darko

Answer 2

$("#1").html("");

或者只是

$("#1").html("your new content");

将id更改为以字母开头

- Jason

Answer 3

首先，根据规范，id必须以字母开头。

 <div id="myDiv">
  <label id="label1"/><br/>
  <input type="text" data-attr="phoneEuro" style="width: 200px;" id="input1"/> <label id="instr1"/>
 </div>


$('#myDiv').html('your new content');

如果您使用HTML方法，您可以简单地覆盖现有的DIV内容。

- SolutionYogi

---

“cannot”是一个强烈的词汇，如果你想要严格一些，它是不正确的。 “should not”可能更加适当。 - Paolo Bergantino

根据规范，"ID和NAME标记必须以字母（[A-Za-z]）开头，可以后跟任意数量的字母、数字([0-9])、连字符（"-"）、下划线（"_"）、冒号（":"）和句点（"."）"。链接：http://www.w3.org/TR/html4/types.html 如果不遵循此指南，您的代码可能会在符合标准的浏览器中出现问题。 - SolutionYogi

我知道规则，Yogi，谢谢。但是所有的浏览器都可以接受以数字开头的ID。就像我说的，你不应该这样做，但你肯定可以这样做。 - Paolo Bergantino

是的，但我们不应该尝试教育开发者遵循标准吗？一个浏览器可能会接受以数字开头的id，但在特定条件下，以数字开头的id可能会在某些浏览器中出现错误行为。 - SolutionYogi

这就是为什么你 不应该 以数字开头命名ID :) 我并不是在争论你需要教育那些不了解规则的帖子，我只是有点小题大做，因为你使用了“不能”这个明确的词汇，而实际上它只是最佳实践。 - Paolo Bergantino

Answer 4

$(document).ready(function()
{
    $('div#one').children().remove();
});

- Keith Donegan

Answer 5

$("#1").html("<span class='red'>Hello <b>Again</b></span>");

来自doc.jquery.com

- lfx