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的全部内容。并向其中添加新内容。

Answer 1

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

你也不应该用数字

开始id

Answer 2

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

或只是

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

将id改为以字母开头

Answer 3

首先，according to the spec，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内容。

Answer 4

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

Answer 5

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

来自doc.jquery.com

使用JQuery删除Div的内容

5 个答案: