Supprimer des balises HTML

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.

Code:

---

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

---

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>

---

Code:

---

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

---

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 !

Code:

---

1 2 3 4

foo= $('.mainColumn').text() bar=$('p').html(foo) $('.mainColumn').empty().html(foo) alert( $('.mainColumn').html())

---

Code:

---

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

---

au lieu de

Code:

---

1 2 3 4 5

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

---

non y'a les balise p...

Code:

---

1 2	$('.mainColumn:eq(0) div:eq(0) p').append($('.mainColumn:eq(0) div:eq(1) p').text() ) $('.mainColumn:eq(0) div:eq(1)').remove()

---

:ccool: ça marche !
Merci SpaceFrog.

Comme tu peux t'en douter, je suis pas une bête en JS.
Comment faire si j'ai jusqu'à 4 noeuds ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

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

---

Code:

---

1 2 3 4 5

var pContent="" $('.mainColumn p').each(function(){pContent+=$(this).text()+" " }) $('.mainColumn:eq(0) div:eq(0) p').html(pContent) $('.mainColumn:eq(0) div:gt(0)').remove() alert($('.mainColumn:eq(0)').html())

---

Bravo, et encore merci !
C'est exactement ce que je voulais faire, et j'aurai jamais trouvé :?