Discussion :

[pierrot10]

Bonjour à tous!

J'ai un lien qui a la class link_V

Code HTML :

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

<a id="more_detail" href="#toto" class="link_V">more de tail </a>

Je souhaite faire avec jquery ceci

Code HTML :

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

1
2
3
4
 
<div class="link_V_left"></div>
<a id="more_detail" href="#toto" class="link_V">more de tail </a>
<div class="link_V_right"></div>

Donc j'ai fait
un wrap, puis un prepend et un append comme ceci:

Code JQUERY :

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

1
2
3
4
 
$(".link_V").wrap('<div class="link_V_left"></div>');
$(".link_V_left").prepend('</div>');
$(".link_V_left").append('<div class="link_V_right">');

evidemment ca ne marche pas et ca donne ca

Code HTML :

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

1
2
3
4
5
 
<div class="link_V_left">
<a id="more_detail" href="#toto" class="link_V">more de tail </a>
<div class="link_V_right"></div>
</div>

Qu'es-ce que j'ai bien pu faire de faux???

Merci à tous

[SpaceFrog]

heu ben c'est pas à l'intérieur de ta balise a que tu veux ajouter tes divs...
et tu ne veux pas non plus que tes div ajoutés comprennent ta balise a dedans

Donc oublie append wrap ou prepend

append = ajouter à l'interieur à la fin
prepend = ajouter à l'intérieur au debut
wrap = englober

utilise plutot before et after ...
qui comme leurs noms l'indiquent servent à ajouter AVNAT ou APRES :

Code :

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

1
2
3
$("#more_detail").before('<div class="link_V_left"></div>')
$("#more_detail").after('<div class="link_V_right"></div>')
alert($('body').html())

ou

Code :

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

1
2
$("#more_detail").before($('<div />').addClass("link_V_left"))
$("#more_detail").after($('<div />').addClass("link_V_right"))

[Bovino]

Ou même

Code :

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

1
2
$("#more_detail").before('<div class="link_V_left"></div>').after('<div class="link_V_right"></div>');
alert($('body').html())