Comment sélectionner la bonne division ?

Bonjour,

Je dispose d'un HTML avec la hiérarchie suivante :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<div class="divParent"> <div class="divFille"></div> <div class="divFille"></div> <div class="divFille"></div> </div> <div class="divParent"> <div class="divFille"></div> <div class="divFille"></div> <div class="divFille"></div> </div>

---

Je voudrais afficher quelque chose dans une des divFille, et je pensais utiliser la fonction load() associée à la fonction filter() :

Code:

---

$('.divFille').filter(':last').load("monTexte.html");

---

Ce code me sélectionne bien la dernière divFille de mon HTML. Comment sélectionner les autres ?

Par exemple, si je souhaite sélectionner la deuxième divFille de la première divParent ?!

Merci :-)

Question bonus, "div" = féminin ou masculin ? ;)

Bon, je me réponds à moi même :

Code:

---

1 2	$('.divParent:last .divFille:first').load("monTexte.html");

---

Questions subsidiaires :
Comment sélectionner un div intermédiaire ? (celui du milieu par exemple) ?
A quoi sert la fonction filter() puisque ca fonctionne sans ici ?

Merci ;)

Sisi ça fonctionne à merveille

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<div class="divParent"> <div class="divFille">hello</div> <div class="divFille">hello</div> <div class="divFille">hello</div> </div> <div class="divParent"> <div class="divFille">hello</div> <div class="divFille">hello</div> <div class="divFille">hello</div> </div>   <script type="text/javascript"> $(function(){$(".divParent > .divFille:nth-child(2)").html('coucou')}) $(function(){$(".divParent:last > .divFille:first").css("background-color","yellow")})

---

Bonsoir.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

/*  * je conseille d'utiliser :eq() voir http://api.jquery.com/eq/  */ $(function(){ // avec jquery 1.4.1 $('.divFille').last().load("divChargeable.html");   $(".divParent > .divFille:eq(2)").html('coucou');   $(".divParent:eq(1) > .divFille:eq(1)").css("background-color","yellow"); });

---