[jQuery] Ajouter du code dans le DOM

Bonjour, c'est une question très simple mais je ne sais pas du tout comment faire ca.
J'ai ceci :

Code:

---

1 2 3

<div id="container"> <div id="contenu1">Lorem ipsum</div> </div>

---

Je souhaiterai ajouter du contenu apres ou avant ma div conteny1.
Je pensais utiliser prepend :

Code:

---

$('div#contenu1').parent().prepend('<div id="contenu2">Lorem ipsum</div>');

---

Mais je ne suis pas sûr que ce soit correct. Parent() ajoute le code avant apparement. Mais pour ajouter après?

Le resultat doit etre comme ceci :

Code:

---

1 2 3 4 5 6 7

<div id="container"> <div id="placeAvant">Lorem ipsum</div> <div id="contenu1">Lorem ipsum</div> <div id="placeApres1">Lorem ipsum</div> <div id="placeApres2">Lorem ipsum</div> </div>

---

Avec

Code:

---

1 2 3

<div id="container"> <div id="contenu1">Lorem ipsum</div> </div>

---

tu peux ajouter avant 'contenu1 avec :

Code:

---

document.getElementById('container').insertBefore(document.getElementById('contenu1'),nouveau_contenu);

---

ou après avec :

Code:

---

document.getElementById('container').appendChild(nouveau_contenu);

---

En fait tu as répondu a ma question sans trop y répondre. Je précise que j'utilise jQuery.
Si j'ai ceci :

Code:

---

1 2 3

<div id="container"> <div id="contenu1">Lorem ipsum</div> </div>

---

Et que je veux ceci :

Code:

---

1 2 3 4 5 6

<div id="container"> <div id="placeAvant">Lorem ipsum</div> <div id="contenu1">Lorem ipsum</div> <div id="placeApres1">Lorem ipsum</div> <div id="placeApres2">Lorem ipsum</div> </div>

---

A priori il faut faire ceci :

Code:

---

1 2 3

$('div#contenu1').before('<div id="placeAvant">Lorem ipsum</div>'); $('div#contenu1').after('<div id="placeApres2">Lorem ipsum</div>'); $('div#contenu1').after('<div id="placeApres1">Lorem ipsum</div>');

---

http://jquery.developpeur-web2.com/d...ion/before.php
http://jquery.developpeur-web2.com/d...tion/after.php

C'est ca?

Oui, avec jQuery, c'est ça.

Citation:

---

Envoyé par Bovino

Oui, avec jQuery, c'est ça.

---

merci :D