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
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
jeder verarbeitet JSON-Daten, dies jeweils ist noch leistungsfähiger, es kann jedes Attribut durchlaufen
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?
Und dieser Wert entspricht obj[key]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
alert(val.value); gibt 111.222.333.444 aus. Wenn this.value verwendet wird, wird das gleiche Ergebnis ausgegeben
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.
1. Selektor + Durchlauf $('div').each(function (i ){
i ist der Indexwert Dies bedeutet, dass jedesDom-Objekt
} durchlaufen wird);$('div').each(function (index,domEle){ index ist der Indexwert domEle bedeutet, jedes dom-Objekt zu durchlaufen});3. Eine geeignetere Durchlaufmethode 1) Erhalten Sie zuerst ein Sammlungsobjekt 2) Durchlaufen Sie jedes der Sammlungsobjekte Ein Elementvar d=$("div");$.each(d,function (index,domEle){d ist die zu durchlaufende Sammlung index ist der Indexwert domEle bedeutet, jedes Dom-Paar zu durchlaufen });
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!