Discussion :

[fab4001]

Bonjour,

J'ai le code HTML suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

pour au résultat avoir ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[fab4001]

Salut SpaceFrog,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et je voudrai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[fab4001]

Malheureusement non

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Retourne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

)

Je regarde vers une solution du type

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

mais ça marche pas encore...

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[fab4001]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

au lieu de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

non y'a les balise p...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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()

[fab4001]

ç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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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())

[fab4001]

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