Xóa Nội dung của Div bằng cách sử dụng JQuery

Question

Cách xóa nội dung của Div bằng JQuery. Ví dụ:

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

tôi muốn xóa toàn bộ nội dung của Div. và thêm nội dung mới vào nó.

Answer 1

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

hoặc chỉ

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

thay đổi id để bắt đầu w/thư

Answer 2

Thứ nhất, according to the spec, id phải bắt đầu bằng chữ cái.

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

Nếu bạn sử dụng phương pháp html, bạn có thể chỉ cần ghi đè nội dung DIV hiện có.

Answer 3

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

Ngoài ra bạn không nên thực sự bắt đầu id với một số

Answer 4

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

Từ doc.jquery.com

Answer 5

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