Heim > Artikel > Web-Frontend > Eine einfache Implementierungsmethode von jQuery, die $.each verwendet, um json array_jquery zu durchlaufen

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

WBOYOriginal: 2016-05-16 15:05:082220Durchsuche

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>

$().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 );
});

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

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.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie die JS-Komponente Bootstrap ContextMenu: Klicken Sie mit der rechten Maustaste auf menu_javascript skillsNächster Artikel：So verwenden Sie die JS-Komponente Bootstrap ContextMenu: Klicken Sie mit der rechten Maustaste auf menu_javascript skills

In Verbindung stehende Artikel

Mehr sehen