Explication détaillée des méthodes d'objet et de tableau de traversée jQuery $.each

Cette fois, je vous apporte une explication détaillée du jQuery $.eachtraversant des objets et des méthodes de tableau. Quelles sont les précautions pour jQuery $.each traversant des objets et des tableaux. cas pratiques, jetons un oeil.

Grâce à lui, vous pouvez parcourir les valeurs d'attribut​​des objets et des tableaux et les traiter.

Mode d'emploi

L'effet de chaque fonction n'est pas totalement cohérent selon le type de paramètres :

Traverser des objets. (avec paramètres supplémentaires) )

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

2 Parcourir le tableau (avec paramètres de pièce jointe)

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

3. Parcourez l'objet (Aucun paramètre supplémentaire)

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

4. (pas de paramètres supplémentaires) [code]

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

Voici quelques utilisations courantes de la méthode each de jQuery

 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

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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Implémentation du carrousel d'images avec effet d'animation JQuery (avec code)

implémentation jquery+CSS3 de drop- Fonction de menu de navigation vers le bas

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!