Jquery: eliminar solo el contenido de texto de un div

Question

es posible eliminar solo el contenido de texto de un div, es decir, dejar todos los demás elementos intactos y solo eliminar el texto que está directamente dentro de un div.

Answer 1

Esto debería hacer el truco:

$('#YourDivId').contents().filter(function(){ 
    return this.nodeType === 3; 
})​.remove();​ 

Answer 2

usted puede hacerlo con una simple dom:

var div=$("div")[0]; 
if(div.childNodes.length) 
    for(var i=0;i<div.childNodes.length;i++) 
    { 
     if(div.childNodes[i].nodeType===3) 
      div.removeChild(div.childNodes[i]); 
    } 

Answer 3

La forma más sencilla sería algo como esto:

$('#div').html($('<div>').append($('*', '#div')).html()); 

Answer 4

$('#yourDiv').text(''); 

Esto eliminará el contenido de texto

Answer 5

$('#yourDiv').text(''); 

Esto eliminará el contenido de texto

Answer 6

Bueno, esto probablemente no sea la mejor manera, pero me salvó el div en una variable y luego después de que elimina todo el contenido de la etiqueta i utilizado append:

$('.wpcf7 form p').each(function(i){ 
    var el = $(this).find('span'); 
    if(i==4) 
    el = $(this).find('input'); 
    $(this).empty(); 
    $(this).append(el); 
}); 

Answer 7

Suponiendo que la siguiente estructura HTML:

<div class="element-to-clean"> 
    Content to be filtered out. 
    <span class="element-to-leave-intact"> 
    Content to be left inthe element. 
    </span> 
</div> 

usted puede alcanzar su comportamiento deseado mediante el uso de el siguiente código de JavaScript + jQuery 2.1:

$('.element-to-clean').html($('.element-to-clean').children());