[résolu] jQuery : append et prepend qui ne fonctionne pas...

Bonjour,

J'essaye d'utiliser les fonctions append et prepend afin de modifier une de mes div mais je n'arrive pas à m'en sortir.

Le but est de transformer :

<div class="test">mon texte</div>

en

<div class="test"><div class="inner">mon texte</div></div>

J'ai donc créé ce script :

$('.test').prepend('<div class="inner">').append('</div>');

Mais en pratique ça créé ce code là :

<div class="test"><div class="inner"></div>mon texte</div>

Ma div "inner" est fermée automatiquement par jQuery dans le "prepend"
Avec du texte ça fonctionne parfaitement mais avec des divs à insérer ça ne va plus

Je n'ai plus d'idées pour m'en sortir, j'espère que vous aurez la solution !
Modifié par orient (04 Sep 2008 - 14:15)

Ce n'est ni prepend ni append qu'il faut utiliser mais :

$(".test").wrapInner('<div class="inner"></div>');

> Documentation sur le site de jQuery
Modifié par Everholt (04 Sep 2008 - 14:15)