Remove the Contents of a Div using JQuery

Question

Hi,

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

 <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.

Answer 1

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

or just

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

change id to start w/a letter

Answer 2

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

 <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.

Answer 3

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

Also you shouldnt really start id's with a number

Answer 4

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

From doc.jquery.com

Answer 5

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