Supprimer des balises HTML

**fab4001** · 23/01/2012, 09h49

Bonjour,

J'ai le code HTML suivant :

Code :

1
2
3
4
5
6
7
8
<div class="mainColumn">
<div>
<p>text 1</p>
</div>
<div>
<p>text 2</p>
</div>
</div>

Je voudrai, en jquery, supprimer les balises

Code :

1
2
3
4
</p>
</div>
<div>
<p>

pour au résultat avoir ceci :

Code :

1
2
3
4
5
<div class="mainColumn">
<div>
<p>text 1 text 2</p>
</div>
</div>

Je galère depuis quelque temps avec les fonctions replace(), remove() mais sans succès.
Je vous remercie d'avance pour vos réponses.

**SpaceFrog** · 23/01/2012, 10h03

Code :

1
2
 
$('.mainColumn div').html($('.mainColumn div').text())

**fab4001** · 23/01/2012, 10h20

Salut SpaceFrog,

j'avais essayé ça, mais ça me retourne le code suivant :

Code :

1
2
3
4
<div class="mainColumn">
<div>text 1</div>
<div>text 2</div>
</div>

Et je voudrai :

Code :

1
2
3
4
5
<div class="mainColumn">
<div>
<p>text 1 text 2</p>
</div>
</div>

**SpaceFrog** · 23/01/2012, 10h33

Code :

$('.mainColumn').html($('p').html('.mainColumn').text())

**fab4001** · 23/01/2012, 11h07

Malheureusement non

Code :

$('.mainColumn div').html($('p').html('.mainColumn div').text());

Retourne :

Code :

1
2
3
<div class="mainColumn">
<div>.mainColumn div.mainColumn div.mainColumn div</div>
</div>

En fait, je ne veux pas supprimer une balise ouvrante et sa balise fermante, mais une liste de balises qui se suivent
(

Code :

1
2
3
4
</p>
</div>
<div>
<p>

)

Je regarde vers une solution du type

Code :

replace(/(<\/p.*?>)/gi, '')

mais ça marche pas encore...

En tout cas merci SpaceFrog de t’intéresser à mon problème !

**SpaceFrog** · 23/01/2012, 12h35

Code :

1
2
3
4
foo= $('.mainColumn').text() 
bar=$('p').html(foo)
$('.mainColumn').empty().html(foo)
alert( $('.mainColumn').html())

jQuery