Jquery trouver tous les éléments avec du texte

Question

Quel serait le meilleur moyen de balayer tous les DOM, trouver un élément qui a du texte et l'envelopper dans une classe d'envergure? Thanx

Answer 1

Pour envelopper tous les nœuds de texte qui contiennent autre chose que simplement des espaces:

$('body *').contents().filter(function() { 
    return (this.nodeType == 3) && this.nodeValue.match(/\S/); 
}).wrap("<span />") 

Pour envelopper tous les nœuds de texte, y compris ceux qui ne contiennent que des espaces:

$('body *').contents().filter(function() { 
    return (this.nodeType == 3) && this.nodeValue.length > 0; 
}).wrap("<span />") 

Answer 2

Vous pouvez utiliser .each itérer sur tous elememnts:

$('*').each(function(){ 
    if($(this).text()) 
    { 
     $(this).wrapInner('<span />'); 
    } 
}) 

Je n'ai pas testé ce morceau de code, mais il est assez simple. Tout ce que vous devez savoir sur est .chacun, wrapInner et * sélecteur. jQuery docs est assez utile ici.