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>

<head>

<title>Parcourir un tableau avec jQuery.each()</title>

$(document).ready(function(){

var colors = ["Blue", "Red", "Orange", "Green", "Blue"];

$.each(colors, function(index, value){

$("#colors").append(index + ": " + value + '<br>');

});

</script>

</head>

<body>

</body>

</html>

<!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>

<!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

Afficher ou masquer une div en JQuery

Comment trouver la position de la souris par rapport à un élément en jQuery

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

Laisser un commentaire Annuler la réponse