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 ajouter des éléments dans le DOM avec jQuery

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

Comment supprimer un attribut d’un élément HTML avec jQuery

Laisser un commentaire Annuler la réponse