question jQuery sur la boucle à travers un réseau

Question

J'ai un tableau comme celui-ci:

var gridArray = [ 1,2,0,1,2,3,2,1,2,3,4,4,3,2,2,2,0 ] 

Et je voudrais une fonction jQuery each() comme ceci:

$('li.node').each(function() { 
       loop through the array 
          var rndTile = the current array digit 

       $(this).css({ 'background-image': 'url(images/'+arrayDigit+'.jpg' }); 
      }); 

Comment pourrais-je mettre en œuvre ce?

Answer 1

Vous devez passer des paramètres à votre chaque rappel.

$(gridArray).each(function (i, val) { 
    // i is the index in this loop. 
    // val is the value at gridArray[i] in this loop. 
}); 

Answer 2

Jetez un oeil à la jQuery Documentation pour jQuery.each. La signature de la fonction est:

jQuery.each(collection, callback(indexInArray, valueOfElement))

Je ne suis pas 100% sûr de ce que vous essayez d'accomplir, il est donc difficile de donner un exemple concret, mais cela, vous devez aller.

Answer 3

En supposant que chaque membre du tableau correspondends à un <li>:

$('li.node').each(function(i) { 
    var rndTile = gridArray[i]; 
    $(this).css({ 'background-image': 'url(images/'+rndTile+'.jpg' }); 
}); 

Answer 4

$('li.node').each(function(index) { 
    var rndTile = gridArray[index % gridArray.length]; 
    $(this).css({ 'background-image': 'url(images/' + rndTile + '.jpg' }); 
}); 

Answer 5

Il est en général une mauvaise idée de boucle sur un tableau avec for in ou pire encore, jQuerys .each(). Looping comme ça signifie beaucoup de frais généraux inutiles.

Utilisez uniquement for..in ou .each() si vous ne savez pas combien d'articles que vous avez à traiter (qui signifie à son tour en fait ne l'utiliser que pour objets).

utiliser une boucle for normale pour itérer sur un tableau.

for(var n = 0, len = gridArray.length; n < len; n++){ 
}