Quitar texto con jQuery

Question

¿Hay una manera de eliminar el texto que no está envuelto en cualquier etiqueta usando jQuery

<p>This is some text</p> 

This is "unwrapped" text //to be removed 

<span>some more text</span> 

Gracias por su ayuda

Answer 1

Uso de la respuesta de this question:

$(elem) 
    .contents() 
    .filter(function() { 
    return this.nodeType == 3; //Node.TEXT_NODE 
    }).remove(); 

Answer 2

En primer lugar, se puede envolver con luces ficticias:

$("body").contents() 
    .filter(function(){ return this.nodeType != 1; }) 
    .wrap("<span class='orphan'/>"); 

Ahora se pueden quitar fácilmente:

$('span.orphan').remove(); 

Answer 3

envolviéndolo en un elemento DOM que significaría jQuery puede encontrarlo:

por ejemplo:

var text = 'This is "unwrapped" text'; 

$("div:contains('" + text + "')").remove(); 

o simplemente:

$('p').next().remove(); 

Answer 4

fwiw ..

<div class="parent-element"> 
<p>This is some text</p> 
This is "unwrapped" text //to be removed 
<span>some more text</span> 
</div> 

a través de CSS:

.parent-element { font-size: 0px; } 
.parent-element p { font-size: 12px; } 
.parent-element span { font-size: 14px; } 

Answer 5

Es increíble, pero al mismo tiempo, el código siguiente no funciona

$("div.myClass:has(img)").contents().filter(":text").remove(); 

y el código del primer mensaje funciona

$("div.myClass:has(img)") 
    .contents() 
    .filter(function() { 
    return this.nodeType == 3; //Node.TEXT_NODE 
    }).remove(); 

¡Es importante recordar! jQuery 1.8.3.

¡Y antes que nada recuerdo que la manipulación de innerHTML funciona mucho más rápido que este enfoque!