Jquery - Supprimer uniquement le contenu textuel d'un div

Question

est possible de supprimer uniquement le contenu textuel d'une div, c'est-à-dire laisser tous les autres éléments intacts et supprimer uniquement le texte qui se trouve directement dans un div?

Answer 1

Cela devrait faire l'affaire:

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

Answer 2

Vous pouvez le faire avec dom simple:

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

Le serait quelque chose comme moyen le plus simple ceci:

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

Answer 4

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

Cela va supprimer votre contenu textuel

Answer 5

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

Cela supprimera le contenu de votre texte

Answer 6

Eh bien, ce sera probablement pas la meilleure façon, mais je sauvé la div dans une variable puis après je supprimé tout le contenu dans la balise i utilisé 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

en supposant que la structure HTML suivant:

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

Vous pouvez obtenir votre comportement souhaité en utilisant le code JavaScript + jQuery 2.1 suivant:

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