es posible eliminar solo el contenido de texto de un div, es decir, dejar todos los demás elementos intactos y solo eliminar el texto que está directamente dentro de un div.Jquery: eliminar solo el contenido de texto de un div
37
A
Respuesta
67
Esto debería hacer el truco:
$('#YourDivId').contents().filter(function(){
return this.nodeType === 3;
}).remove();
3
usted puede hacerlo con una simple 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]);
}
2
La forma más sencilla sería algo como esto:
$('#div').html($('<div>').append($('*', '#div')).html());
-6
$('#yourDiv').text('');
Esto eliminará el contenido de texto
+2
Este método elimina todo, incluidos los elementos secundarios. No es correcto. – Davis
-6
2
Bueno, esto probablemente no sea la mejor manera, pero me salvó el div en una variable y luego después de que elimina todo el contenido de la etiqueta i utilizado append:
$('.wpcf7 form p').each(function(i){
var el = $(this).find('span');
if(i==4)
el = $(this).find('input');
$(this).empty();
$(this).append(el);
});
9
Suponiendo que la siguiente estructura 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>
usted puede alcanzar su comportamiento deseado mediante el uso de el siguiente código de JavaScript + jQuery 2.1:
$('.element-to-clean').html($('.element-to-clean').children());
Cuestiones relacionadas
- 1. Eliminar el contenido de una Div usando JQuery
- 2. ¿Cómo eliminar el contenido de un elemento con JQuery?
- 3. jQuery Eliminar texto específico de un elemento
- 4. Cambiar el contenido de div - jQuery
- 5. ¿Cómo eliminar solo el contenido de un archivo en Java?
- 6. Imprimir contenido DIV por JQuery
- 7. Plantillas jQuery - reemplazar el contenido DIV
- 8. Eliminar solo el primer elemento de una selección de jquery
- 9. Insertar texto en el cursor en un contenido div editable
- 10. Imprimir todo el contenido div con jquery printElement
- 11. muestra solo un div dentro de un iframe (javascript, JQuery ...)
- 12. Eliminar el contenido de la etiqueta div con javascript
- 13. ¿Cómo eliminar el último DIV usando jQuery?
- 14. Jquery clon de un cuadro de texto sin el contenido
- 15. Cómo vaciar el contenido de un div
- 16. ¿Cómo eliminar un atributo id de un div usando jQuery?
- 17. ¿Cómo eliminar texto dentro de un elemento con jQuery?
- 18. ¿Cómo desplazar continuamente contenido dentro de un DIV usando jQuery?
- 19. Selenio: eliminar contenido de un cuadro de texto
- 20. jQuery: Ordenar div según el contenido de diferentes subdivisiones
- 21. CSS: ¿Es correcto que el contenido de texto de un div se desborde en el relleno?
- 22. mover contenido de un div oculto a otro div mostrado
- 23. girando solo el texto (no el div) en un elemento div
- 24. ¿Cómo eliminar solo la etiqueta usando jQuery?
- 25. seleccionar todo el texto dentro de un div en un solo clic izquierdo con javascript
- 26. texto alrededor de un div
- 27. Extrayendo texto de un contentEditable div
- 28. Cómo puedo obtener el texto de una etiqueta div usando solo javascript (no jQuery)
- 29. jQuery agregar texto para abarcar dentro de un div
- 30. Reemplazar único texto dentro de un div con jQuery
parece una respuesta excelente, pero ¿puede explicar el trabajo? ¿Qué es el tipo de nodo === 3? – Suresh
@eirenaios https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType –