2012-04-05 10 views
7

Mi situación es asíEliminar etiqueta p usando jQuery sin borrar el contenido

<p><img src="/media/118711/banner.jpg" width="344" height="113" alt="Banner"></p> 

Quiero borrar la etiqueta p usando jQuery pero no es necesario para eliminar el contenido (imagen). ¿Alguien por favor puede ayudarme?

+1

nunca deambuló ¿cuáles son los elementos seleccionables al lado de las respuestas y preguntas? No puedo creerlo. –

+0

@Topener: creo que estás equivocado, solo he hecho seis preguntas y he marcado 3 de ellas como correctas – Athul

+1

Lo siento, las confundí con tus respuestas. Ninguno de ellos está marcado como correcto. Tendrá que hacer clic en el ícono de verificación, no en la flecha: http://stackoverflow.com/users/1177753/athul-ks?tab=questions –

Respuesta

13

Esto debe hacerlo ...

$('p > *').unwrap(); 

jsFiddle.

+2

+1 para la respuesta concisa y para señalarme un nuevo material de aprendizaje (desenvolver ???). Gracias – Gabber

+0

¿Alguien puede explicar por qué esto funcionaría? –

+0

@tymie selecciona todos los hijos directos y * los desenvuelve * de su elemento contenedor, que es el 'p'. – alex

4

Selector $('p > *') funciona sólo cuando el contenido de p es otra etiqueta. Si solo contiene texto, este selector no lo golpea. Esto funciona para mí:

$("p").each(function() { 
    $(this).replaceWith($(this).html()); 
}); 
Cuestiones relacionadas