2009-07-17 5 views
29

Как удалить содержимое Div с помощью JQuery. Для примера.Удалить содержимое 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. и добавить к нему новое содержимое.

+0

возможного дубликата [В JQuery, нужно удалить все HTML внутри DIV] (HTTP : //stackoverflow.com/questions/652917/in-jquery-want-to-remove-all-html-inside-of-a-div) – showdev

ответ

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

или просто

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

изменить идентификатор, чтобы начать ж/письмо

5

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

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

+0

«не может» является сильным и - если вы хотите быть строгим - неверно слово. «не должно», вероятно, более адекватно. –

+5

Согласно спецификации, токены ID и NAME должны начинаться с буквы ([A-Za-z]), за которой может следовать любое количество букв, цифр ([0-9]), дефис («-») подчеркивания («_»), двоеточия («:») и периоды («.») ». Ссылка: http://www.w3.org/TR/html4/types.html Если вы не следуете рекомендациям, ваш код может нарушить браузер, совместимый со стандартами. – SolutionYogi

+1

Я знаю правила, Йоги, спасибо. Но все браузеры там с радостью возьмут идентификатор, который начинается с числа. Как я уже сказал, вы не должны этого делать, но вы наверняка сможете. –

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

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

4
$(document).ready(function() 
{ 
    $('div#one').children().remove(); 
}); 
Смежные вопросы