Parcourir un tableau avec jQuery.each()

La méthode JQuery.each() ou $.each() peuvent être utilisés pour effectuer une itération transparente sur toute collection, qu’il s’agisse d’un objet ou d’un tableau. Puisque la fonction $.each() récupère et utilise en interne la propriété « length » du tableau ou de l’objet transmis. Donc, si vous avez une propriété appelée « length » – par exemple. {fr: ‘français’, length: 7} – la fonction peut ne pas fonctionner correctement.
 
 

Code source :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Parcourir un tableau avec jQuery.each()</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var colors = ["Blue", "Red", "Orange", "Green", "Blue"];
        $.each(colors, function(index, value){
            $("#colors").append(index + ": " + value + '<br>');
        });
    });
</script>  
</head> 
<body>
    <div id="colors"></div>
</body>
</html>

Sortie :

0: Blue
1: Red
2: Orange
3: Green
4: Blue
QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *