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

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

高洛峰

Libérer： 2016-12-29 11:01:15

original

940 Les gens l'ont consulté

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>

Copier après la connexion

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 );
});

Copier après la connexion

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;
}

Copier après la connexion

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 !