Supprimer une balise sans supprimer la balise qu'elle contient avec jquery

**erehcab** · 01/03/2009, 20h20

Bonsoir à tous, j'aimerai supprimer une balise sans supprimer la balise qu'elle contient avec jquery. Un petit exemple, voilà mon code :

Code :

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

1
2
3
4
5
6
7
8
 
<div class="entry">
   <a href="" rel="bookmark" title="Depth affect - arche lymb">
      <p>
         <img class="alignnone size-full wp-image-144" title="da-arche-lymbvign" src="" alt="da-arche-lymbvign" width="208" height="160" />
      </p>
   </a>
</div>

J'aimerai supprimer la balise p mais sans supprimer l'image qu'il y a à l'intérieur. J'ai essayé avec la fonction remove :

Code :

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

1
2
 
$(".the_list .entry").remove("p")

Mais ça me supprime la balise img ...

Quelqu'un pourrait'il m'aiguiller.

**andodew** · 04/04/2012, 14h09

Salut, tu peux commencer par récupérer ce qui est dans le <p> dans une variable:

Code :

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

contenu = $(".the_list .entry").find("p").html();

puis tu fais ton code :
// supprimer le <p>

Code :

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

$(".the_list .entry").remove("p");

puis tu met le contenu

Code :

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

$(".the_list .entry").html(contenu);

**SpaceFrog** · 04/04/2012, 14h28

plus simpelement

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
$(function(){
$("#foo").before($('#foo span')).remove()
})
</script>
</head>
<body>
<div id="foo" style="background-color:red"> 
<span >hello</span>
</div>

Il suffit de sortir la balise contenue et d'effacer le contenant

**Bovino** · 04/04/2012, 14h36

.unwrap()

Code html :

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

1
2
3
<p>
    <img id="monImage" />
</p>

Code :

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

$('#monImage').unwrap();

**SpaceFrog** · 04/04/2012, 14h38

Jquery à tout prévu ^^

Comment ça se passe si il y a plusieurs éléments wrappés ???

[edit]
Bon a priori unwrap sur n'importe quel enfant vire le parent ...

Supprimer une balise sans supprimer la balise qu'elle contient avec jquery

jQuery

Discussions similaires

Partager

Partager