En jQuery, quiero eliminar todo el código HTML dentro de un div

Question

Tengo un div, y quiero eliminar todo el HTML dentro de ese div.

¿Cómo puedo hacer esto?

Answer 1

que desea utilizar la función de empty:

$('#mydiv').empty(); 

Answer 2

Otra forma es simplemente para establecer el html en la cadena vacía:

$('#mydiv').html(''); 

Answer 3

No creo empty() o html() es lo que estan buscando. Supongo que estás buscando algo como strip_tags en PHP. Si quieres hacer esto, de lo que necesita para añadir esta función:

jQuery.fn.stripTags = function() { 
    return this.replaceWith(this.html().replace(/<\/?[^>]+>/gi, '')); 
}; 

Supongamos que este es el código HTML:

<div id='foo'>This is <b>bold</b> and this is <i>italic</i>.</div> 

Y luego hacer:

$("#foo").stripTags(); 

Lo que resultará en:

<div id='foo'>This is bold and this is italic.</div> 

Answer 4

var htmlJ = $('<p><span>Test123</span><br /><a href="http://www.google.com">goto Google</a></p>'); 
console.log(htmlJ.text()); // "Test123goto Google" 

Answer 5

function stripsTags(text) 
    { 
    return $.trim($('<div>').html(text).text()); 
    } 

Answer 6

suponga que tiene un html como esto

<div class="prtDiv"> 
    <div class="first"> 
    <div class="hello">Hello</div> 
    <div class="goodbye">Goodbye</div> 
    </div> 
</div> 

si desea que todos html en "primera" div para eliminar de forma permanente. sólo tiene que utilizar este resultado

$('.first').empty(); 

será así

<div class="prtDiv"> 
    <div class="first"> 

    </div> 
</div> 

para temporal (si desea agregar otra vez) podemos tratar de quitar() como

$('.first').detach();