2009-07-17 38 views
29

Cómo eliminar el contenido de una Div usando JQuery. Por ej.Eliminar el contenido de una Div usando JQuery

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

quiero eliminar todo el contenido de la div. y para agregarle nuevos contenidos.

+0

posible duplicado del [En jQuery, desea eliminar todos los HTML dentro de un div] (http : //stackoverflow.com/questions/652917/in-jquery-want-to-remove-all-html-inside-of-a-div) – showdev

Respuesta

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

o simplemente

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

cambio id para empezar w/una carta

5

En primer lugar, according to the spec, id debe comenzar con una letra.

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

Si utiliza el método html, puede simplemente anular el contenido DIV existente.

+0

"no se puede" es un nombre fuerte y, si quieres ser estricto, incorrecto palabra. "no debería" es probablemente más adecuado. –

+5

Según las especificaciones, "los tokens de ID y NAME deben comenzar con una letra ([A-Za-z]) y pueden ir seguidos de cualquier número de letras, dígitos ([0-9]), guiones (" - "), guiones bajos ("_"), dos puntos (":") y puntos (".") ". Enlace: http://www.w3.org/TR/html4/types.html Si no sigue las pautas, su código puede romperse en un navegador que cumpla con los estándares. – SolutionYogi

+1

Conozco las reglas, Yogi, gracias. Pero todos los navegadores de la zona tomarán felizmente una identificación que comience con un número. Como dije, no deberías, pero seguramente puedes. –

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

También usted no debe realmente a empezar id con un número

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