Itération
Méthode : each
1
$(all).each(function)
La fonction $( ) retourne un objet jQuery qui contient plusieurs éléments du DOM.
La méthode each permet de faire une itération des différents éléments de l'objet jQuery et de leur appliquer une fonction.
Exemple :
1
<html>
2
<head>
3
<title>JavaScript</title>
4
<script src="js/jquery.js"></script>
5
</head>
6
<body>
7
<img id="image1" alt='red' src='images/image1.gif' />
8
<img id="image2" alt='green' src='images/image2.gif' />
9
<img id="image3" alt='black' src='images/image3.gif' />
10
<img id="image4" alt='white' src='images/image4.gif' />
11
</body>
12
</html>
1
$("img").each(function(){
2
$(this).css("border","2px solid "+this.getAttribute('alt'));
3
})
Dans l'exemple, on ajoute à chaque image de la page, une bordure à la couleur de son attribut alt.
Attention : $(this)
Dans les fonctions envoyées en paramètre des méthodes de JQuery, this est un élément. Il faut le transformer en un objet JQuery pour utiliser les méthodes de jQuery, c'est à dire écrire $(this).
Dans l'exemple précédent, sans utiliser $(this), on aurait pu écrire :
this.style.border = "2px solid "+this.getAttribute('alt');