Tableau dynamic Javascript / jQuery

J’essaie de créer un tableau dynamic à l’aide de JS / jQuery. La structure HTML est la suivante:

J’essaie de créer un nouveau tableau des sources d’images, qui se présente comme suit:

 var imagesArray = [https://stackoverflow.com/questions/8707532/javascript-jquery-dynamic-array/1, https://stackoverflow.com/questions/8707532/javascript-jquery-dynamic-array/2, https://stackoverflow.com/questions/8707532/javascript-jquery-dynamic-array/3];

Je pensais pouvoir utiliser la .each() jQuery .each() … mais je continue à me perdre. Si vous pouvez s’il vous plaît fournir une explication, je l’apprécierais vraiment.

Merci!

Vous pensiez être correct 🙂 Vous pouvez utiliser la méthode jQuery .each () .. comme ci-dessous ..

 var imagesArray = $('img').map(function(){ return this.src; }).get();

Voici une démo: http://jsfiddle.net/pkeBZ/

La méthode .map() de jQuery parcourt tous les éléments, collecte tout ce qui est renvoyé par votre fonction de rappel et crée un nouveau tableau.

Cependant, le résultat renvoyé se comporte comme un tableau, mais est en réalité un object jQuery (d’accord, cela ne fait probablement aucune différence dans votre cas d’utilisation).

Si vous souhaitez convertir un object jQuery dans un tableau, vous pouvez utiliser la méthode .get() de jQuery .

Utilisez cet extrait de code pour boucler un tableau dans jQuery

1) D’abord nous déclarons un tableau

 var MapAreas = [];

2) Maintenant, on boucle en utilisant foreach

  $.each(MapAreas, function (index, value) { alert(index + ':' + value); }

3) Pour vérifier si une valeur est déjà présente dans un tableau, utilisez cet extrait de code.

 if ($.inArray(value, MapAreas) >= 0) {}

4) Pour supprimer un élément du tableau, utilisez cette fonction.

 RemoveItemFromArray(value, arr) { return jQuery.grep(arr, function (elem, index) { return elem !== value; }); }