Parcourir un tableau avec jQuery.each()

juin 29, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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

QCMs qui pourraient vous intéresser :

Code source :

Vous pourrez aussi aimer

Comment détecter un appareil mobile via jQuery

Comment compter le nombre de caractères dans une chaîne avec JQuery

Comment récupérer la valeur d’un select avec jQuery

Laisser un commentaire Annuler la réponse