Einführung in every() von jquery und detaillierte Beispiele seiner Traversal-Methode

Die

each()-Methode kann die DOM-Schleifenstruktur prägnant und weniger fehleranfällig machen. Die Funktion every() kapselt eine sehr leistungsstarke Traversierungsfunktion und ist sehr praktisch zu verwenden. Sie kann eindimensionale Arrays , mehrdimensionale Arrays , DOM, JSON usw. durchlaufen 🎜> in
JavaScriptDie Verwendung von $each während des Entwicklungsprozesses kann unseren Arbeitsaufwand erheblich reduzieren. Hier sind einige häufige Verwendungen von jedem

  var arr1 = [ "aaa", "bbb", "ccc" ];      
  $.each(arr1, function(i,val){      
      alert(i);   
      alert(val);
  });

alert(val) gibt aaa, bbb, ccc aus

zweidimensionales Array 　

　var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      
　　$.each(arr, function(i, item){      
      alert(i);   
      alert(item);      
　　});

item[0] relativ zur Annahme des ersten Werts in jedem eindimensionalen Array
alert(i) gibt 0, 1, 2 aus, da dieses zweidimensionale Array 3 Array-Elemente enthält
alert(item ) wird als ['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']
< ausgegeben 🎜>Nach einer geringfügigen Änderung der Verarbeitung dieses zweistelligen Arrays

var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]      
 　　$.each(arr, function(i, item){      
      　　$.each(item,function(j,val){
       　　　　 alert(j);
        　　　　alert(val);
    　}); 
});

alert(val) wird als a, aa, aaa, b, bb, bbb, c, cc, ccc ausgegeben

Hier gibt Warnung (Schlüssel) eins zwei drei aus. Ausgabe eins, 1, zwei, 2, drei , 3 Warum ist der Schlüssel hier keine Zahl, sondern ein Attribut? Da das JSON-Format eine Menge ungeordneter Attribute und Werte ist, wie kann es Zahlen geben?

var obj = { one:1, two:2, three:3};      
 　　each(obj, function(key, val) {      
      　　alert(key);   
      　　alert(val);      
 　　});

ecah verarbeitet dom-Elemente. Hier wird ein Eingabeformularelement als Beispiel verwendet.
Wenn Sie einen Code wie diesen in Ihrem Dom haben

<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden"  value="444"/>

alert(i) gibt 0, 1, 2, 3 aus

$.each($("input:hidden"), function(i,val){  
     alert(val);
     alert(i);
     alert(val.name);
     alert(val.value);   
 });

alert(val.name); gibt aaa, bbb, ccc, ddd aus, wenn Sie dies verwenden. name gibt das gleiche Ergebnis aus

jquery beurteilt automatisch anhand der eingehenden Elemente und dann basierend auf Das Beurteilungsergebnis wird von der Apply- oder Call-Methode verarbeitet. In der Implementierung von fn können Sie diesen Zeiger

oder Unterelemente des Objekts zu verweisen.

Jede Methode ruft die fn-Funktion nacheinander für die Unterelemente im Array auf, bis das Ergebnis durch den Aufruf eines bestimmten Unterelements zurückgegeben wird Mit anderen Worten: Wir können jeden Methodenaufruf nach Erfüllung bestimmter Bedingungen mit der bereitgestellten fn-Funktion beenden. Wenn jede Methode den arg-Parameter bereitstellt, ist der vom fn-Funktionsaufruf übergebene Parameter arg, andernfalls: der Unterelementindex, das Unterelement selbst

1. Selektor + Durchlauf $('div').each(function (i ){

Dom-Objekt

2 , Selektor + Traversal

Das obige ist der detaillierte Inhalt vonEinführung in every() von jquery und detaillierte Beispiele seiner Traversal-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!