Jquery - Rimuovere solo i contenuti di testo da un div

Question

è possibile rimuovere solo il contenuto del testo da un div, vale a dire lasciare tutti gli altri elementi intatti e rimuovere solo il testo che si trova direttamente all'interno di un div?

Answer 1

Questo dovrebbe fare il trucco:

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

Answer 2

si può fare con un semplice 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

Il modo più semplice sarebbe qualcosa di simile:

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

Answer 4

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

Questo rimuoverà il contenuto del testo

Answer 5

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

Questo sarà rimuovere il contenuto di testo

Answer 6

Ebbene questo probabilmente non sarà il modo migliore, ma ho salvato il div in una variabile e poi dopo che ho rimosso tutto il contenuto nel tag ho usato 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

Assumendo la seguente struttura 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> 

è possibile ottenere il vostro comportamento desiderato utilizzando il seguente codice JavaScript + jQuery 2.1:

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