Discussion :

[Fredovsky]

Bonjour,

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

Code :

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

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 :

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

$('.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 ?

[Fredovsky]

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

Code :

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

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

[SpaceFrog]

Sisi ça fonctionne à merveille

Code :

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

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")})

[danielhagnoul]

Bonsoir.

Code :

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

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");
});