Удалите содержимое Div, используя JQuery

Question

Как удалить содержимое Div, используя JQuery. Например,

 <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();

Также не стоит начинать идентификаторы с номера

Answer 2

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

или просто

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

изменить идентификатор, чтобы начать с буквы

Answer 3

Во-первых, в соответствии со спецификацией , идентификатор должен начинаться с буквы.

 <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