Detaillierte Erläuterung der jQuery $.each-Traversalobjekt- und Array-Methoden

Dieses Mal bringe ich Ihnen eine detaillierte Erklärung zum Durchlaufen von Objekten und Arrays durch jQuery $.each. Welche Vorsichtsmaßnahmen gelten für das Durchlaufen von Objekten und Arrays durch jQuery? Werfen wir einen Blick auf praktische Fälle. Dadurch können Sie die Attributwerte von Objekten und Arrays durchlaufen und verarbeiten.

Gebrauchsanweisung

Die Wirkung jeder Funktion ist je nach Art der Parameter nicht vollständig konsistent:

1 (mit zusätzlichen Parametern)

$.each(Object, function(p1, p2) {
     this;       //这里的this指向每次遍历中Object的当前属性值     p1; p2;     //访问附加参数
}, ['参数1', '参数2']);

2.

Das Array durchlaufen (mit Anhangsparametern)

$.each(Array, function(p1, p2){
     this;       //这里的this指向每次遍历中Array的当前元素     
     p1; p2;     //访问附加参数}, ['参数1', '参数2']);

3. Durchlaufen Sie das Objekt (Keine zusätzlichen Parameter)

$.each(Object, function(name, value) {
     this;       //this指向当前属性的值     
      name;      //name表示Object当前属性的名称     
      value;     //value表示Object当前属性的值});[code]

4. keine zusätzlichen Parameter)

[Code]

$.each(Array, function(i, value) {
     this;      //this指向当前元素     
     i;         //i表示Array当前下标     
     value;     //value表示Array当前元素
});

Im Folgenden sind einige häufige Verwendungen der Each-Methode von jQuery aufgeführt

 var arr = [ "one", "two", "three", "four"];     
 $.each(arr, function(){     
    alert(this);     
 });     
//上面这个each输出的结果分别为：one,two,three,four

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
$.each(arr1, function(i, item){     
   alert(item[0]);     
});     
//其实arr1为一个
二维数组
，item相当于取每一个
一维数组
，   
//item[0]相对于取每一个一维数组里的第一个值   
//所以上面这个each输出分别为：1   4   7

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

var obj = { one:1, two:2, three:3, four:4};     
$.each(obj, function(key, val) {     
    alert(obj[key]);           
});   
//这个each就有更厉害了，能循环每一个属性     
//输出结果为：1   2  3  4

Empfohlene Lektüre:

JQuery-Animationseffekt-Bildkarussell-Implementierung (mit Code)

jquery+CSS3-Implementierung von Drop- Abwärtsnavigation Menüfunktion

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der jQuery $.each-Traversalobjekt- und Array-Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!