Jquery encuentra todos los elementos con texto

Question

¿Cuál sería la mejor manera de escanear todo el DOM, encontrar cualquier elemento que tenga texto y envolverlo en una clase de tramo? Gracias

Answer 1

Envolver todos los nodos de texto que contienen algo más que sólo los espacios en blanco:

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

Para envolver todos los nodos de texto, incluyendo las que contienen sólo espacio en blanco:

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

Answer 2

Usted puede utilizar .Cada para iterar sobre todos los elememnts:

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

no he probado que la pieza de código, pero es bastante simple. Todo lo que necesita saber es . Cada, wrapInner y * selector. jQuery docs es muy útil aquí.