Maison > interface Web > js tutoriel > le corps du texte

Comment afficher la valeur d'un tableau en jquery ?

青灯夜游
Libérer: 2020-11-30 09:41:45
original
3601 Les gens l'ont consulté

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>
Copier après la connexion

$.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 dun 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!