使用JQuery删除Div的内容

How to remove the contents of a Div Using JQuery. For eg.

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

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

i want to remove the full content of the Div . and to add new contents to it.

我想删除Div的全部内容。并向其添加新内容。

5 个解决方案

#1

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

Also you shouldnt really start id's with a number

你也不应该用数字开始id

#2

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

or just

要不就

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

change id to start w/a letter

将id更改为以字母开头

#3

First, according to the spec, id must start with a letter.

首先，根据规范，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');

If you use html method, you can simply override the existing DIV content.

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

#4

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

#5

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

From doc.jquery.com

来自doc.jquery.com

#1

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