Maison  >  Article  >  interface Web  >  Comment afficher la valeur d’un tableau en jquery ?

Comment afficher la valeur d’un tableau en jquery ?

青灯夜游
青灯夜游original
2020-11-23 15:56:293611parcourir

La méthode "$.each()" peut être utilisée dans jquery pour parcourir les éléments du tableau, puis afficher les éléments du tableau un par un dans le corps de la boucle ; function(index,value){ console.log(index+":"+value);})".

Comment afficher la valeur d’un tableau en jquery ?

Recommandations associées : "Tutoriel vidéo jQuery"

L'environnement d'exploitation de ce tutoriel : système Windows7, jquery2. Version 2.4, cette méthode convient à toutes les marques d'ordinateurs.

Dans jquery, vous pouvez utiliser la méthode $.each() pour parcourir les éléments du tableau afin de générer tous les éléments du tableau. Il y a deux paramètres dans la méthode

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery循环遍历输出数组元素示例</title>
    <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
	<script>
		$(document).ready(function(){
            var arr=["Apple", "Banana", "Orange", "Mango", "Pineapple"];
            $.each(arr, function(index, value){
                console.log(index + ": " + value + &#39;<br>&#39;);
            });
        });
    </script>
</body>
</html>

$.each() Le premier paramètre est le nom du tableau à boucler et le deuxième paramètre est une méthode.

Ici, nous définissons un tableau arr, puis transmettons un index de tableau (index) et la valeur de tableau correspondante (valeur) à chaque rappel de cette méthode, puis bouclez le tableau spécifié via la méthode append(). le résultat de la valeur est imprimé.

Les résultats sont les suivants :

Comment afficher la valeur d’un tableau en jquery ?

Pour plus de connaissances liées à la programmation, veuillez visiter : Cours vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn