recherche

Maison >interface Web >js tutoriel >Une méthode d'implémentation simple de jQuery utilisant $.each pour parcourir le tableau json

Une méthode d'implémentation simple de jQuery utilisant $.each pour parcourir le tableau json

高洛峰
高洛峰original
2016-12-29 11:01:15960parcourir

L'exemple de cet article décrit la méthode d'implémentation simple de jQuery utilisant $.each pour parcourir le tableau json. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants : 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=gb2312" />
 <title>jquery $.each遍历json数组方法</title>
 <script type="text/javascript" src="jquery.js"></script>
</head>
<body>
 <script>
 var arr = [{ name: "john", lang: "js" },{ name: "nailwl", lang: "jquery" },{ name: "吴磊", lang: "ext" }]; 
 $.each( arr, function(index, content)
 { 
  alert( "the man&#39;s no. is: " + index + ",and " + content.name + " is learning " + content.lang ); 
 });
 </script>
</body>
</html>
 </body>
</html>

Méthode $().each() de l'objet jquery Cette méthode peut être utilisée pour parcourir n'importe quel objet

<.>La fonction de rappel a deux paramètres :

Le premier est le membre de l'objet ou l'index du tableau

Parcourt le tableau, en utilisant à la fois l'index de l'élément et le contenu

$.each( [0,1,2], function(index, content){
 alert( "item #" + index + " its value is: " + content );
});
La seconde est la variable correspondante Ou le contenu

Si vous devez quitter chaque boucle, vous pouvez faire en sorte que la fonction de rappel renvoie false et les autres valeurs de retour seront ignorées.

jquery.each(obj,fn,arg)

Cette méthode a trois paramètres : l'objet obj sur lequel opérer, la fonction fn sur laquelle opérer et les paramètres de fonction args.

L'objet 1.obj est un tableau

Chaque méthode appellera la fonction fn un par un sur les sous-éléments du tableau jusqu'à ce que le résultat renvoyé en appelant un certain sous-élément soit false. En d'autres termes, nous pouvons le traiter par la fonction fn fournie pour quitter chaque appel de méthode après avoir rempli certaines conditions. Lorsque la méthode each fournit le paramètre arg, le paramètre passé par l'appel de fonction fn est arg, sinon : l'index du sous-élément, le sous-élément lui-même

2.obj L'objet n'est pas un tableau

Cette méthode est la même. La plus grande différence entre 1 et 1 est que la méthode fn sera exécutée une par une quelle que soit la valeur de retour. En d'autres termes, toutes les propriétés de l'objet obj seront appelées par la méthode fn, même si la fonction fn renvoie false. Les paramètres transmis lors de l'appel sont similaires à 1. 

jquery.each=function( obj, fn, args ) {
if ( args ) {
if ( obj.length == undefined ){
for ( var i in obj )
fn.apply( obj, args );
}else{
for ( var i = 0, ol = obj.length; i < ol; i++ ) {
if ( fn.apply( obj, args ) === false )
break;
       }
      }
} else {
if ( obj.length == undefined ) {
for ( var i in obj )
fn.call( obj, i, obj );
}else{
for ( var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){}
      }
}
return obj;
}
J'espère que cet article sera utile à tout le monde dans la programmation jQuery.

Pour plus de méthodes d'implémentation simples jQuery utilisant $.each pour parcourir les tableaux json, veuillez faire attention au site Web PHP 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
Article précédent：Explication détaillée des méthodes de fonctionnement des nœuds telles que each(), find() et filter() dans jQuery (recommandé)Article suivant：Explication détaillée des méthodes de fonctionnement des nœuds telles que each(), find() et filter() dans jQuery (recommandé)

Articles Liés

Voir plus