Eine einfache Implementierungsmethode von jQuery, die $.each verwendet, um json array

Eine einfache Implementierungsmethode von jQuery, die $.each verwendet, um json array_jquery zu durchlaufen

WBOY

Freigeben： 2016-05-16 15:05:08

Original

2219 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die einfache Implementierungsmethode von jQuery unter Verwendung von $.each zum Durchlaufen des JSON-Arrays. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!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's no. is: " + index + ",and " + content.name + " is learning " + content.lang ); 
 });
 </script>
</body>
</html>
 </body>
</html>

Nach dem Login kopieren

$().each()-Methode des JQuery-Objekts. Diese Methode kann verwendet werden, um über jedes Objekt zu iterieren

Die Callback-Funktion hat zwei Parameter:

Das erste ist das Mitglied des Objekts oder der Index des Arrays

Durchlaufen Sie ein Array und verwenden Sie dabei sowohl den Elementindex als auch den Inhalt

$.each( [0,1,2], function(index, content){
 alert( "item #" + index + " its value is: " + content );
});

Nach dem Login kopieren

Die zweite ist die entsprechende Variable oder der entsprechende Inhalt

Wenn Sie die Each-Schleife verlassen müssen, können Sie dafür sorgen, dass die Rückruffunktion „false“ zurückgibt und andere Rückgabewerte ignoriert werden.

jquery.each(obj,fn,arg)

Diese Methode hat drei Parameter: das zu bearbeitende Objekt obj, die zu bearbeitende Funktion fn und die Funktionsparameter args.

1.obj-Objekt ist ein Array

Die

jede Methode ruft die Fn-Funktion nacheinander für die Unterelemente im Array auf, bis das durch den Aufruf eines bestimmten Unterelements zurückgegebene Ergebnis falsch ist. Mit anderen Worten, wir können es mit der bereitgestellten Fn-Funktion verarbeiten Stellen Sie sicher, dass bestimmte Bedingungen erfüllt sind. Wenn jede Methode den arg-Parameter bereitstellt, ist der vom fn-Funktionsaufruf übergebene Parameter arg, andernfalls: der Unterelementindex, das Unterelement selbst

2.obj-Objekt ist kein Array

Der größte Unterschied zwischen dieser Methode und 1 besteht darin, dass die fn-Methode nacheinander ausgeführt wird, ohne den Rückgabewert zu berücksichtigen. Mit anderen Worten, alle Eigenschaften des obj-Objekts werden von der fn-Methode aufgerufen, auch wenn die fn-Funktion false zurückgibt. Die im Aufruf übergebenen Parameter ähneln 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;
}

Nach dem Login kopieren

Leser, die an weiteren jQuery-bezogenen Inhalten interessiert sind, können sich die Spezialthemen auf dieser Website ansehen: „Eine Zusammenfassung der jQuery-Operations-JSON-Datentechniken“, „Eine Zusammenfassung des jQuery-Switching-Specials.“ Effekte und Techniken", " Zusammenfassung der jQuery-Drag-and-Drop-Spezialeffekte und -Techniken", "Zusammenfassung der jQuery-Erweiterungstechniken", "Zusammenfassung gängiger klassischer jQuery Spezialeffekte“, „jQuery-Animation und Spezialeffekte – Nutzungszusammenfassung “, „jQuery-Selektor-Nutzungszusammenfassung “ und „jQuery-allgemeine Plug-ins und Nutzungszusammenfassung "

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der jQuery-Programmierung befassen.