Constituer un tableau de tous les attributs X

Bonjour à tous.

Je souhaite précharger toute les images correspondante au attribut data-original-b de mes images
Code:

1 2 3 <img src="a.gif" data-original-b="b.gif"> <img src="3c21.gif" data-original-b="ew45.gif"> <img src="asd654.gif" data-original-b="6qw5er46.gif">
Pour cela

Je pensais utiliser
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function preload(arrayOfImages) { $(arrayOfImages).each(function(){ $('<img/>')[0].src = this; // Alternatively you could use: // (new Image()).src = this; }); } preload([ 'image1.gif', 'image1.gif' ]);
Mais plutot que de définir manuellement le preload([
'image1.gif',
'image1.gif'
]);

J'aimerais constituer un tableau qui récupère les tous les éléments data-original-b.
Suis je clair?

Code:

1
2
3
$('img[data-original-b]').each(function() {
    // `this` is the img
});

Un grand merci

Merci beacuoup.

Du coup J'essaye de constituer mon tableau

Code:

1
2
3
4
5
6
7
8
9
    	var listing_preload;
    	listing_preload="";
		$('img[data-original-b]').each(function(index) {
			console.log($(this).attr('data-original-b'));
			console.log(index);
			listing_preload[index] = "'" + $(this).attr('data-original-b')+ "'";
 
		}); 
	console.log(listing_preload);

Mais cela ne fonctionne pas?

Solution

Code:

1
2
3
4
5
6
7
8
listing_preload = new Array();
		$('img[data-original-b]').each(function(index) {
			console.log($(this).attr('data-original-b'));
			console.log(index);
			listing_preload[index] = $(this).attr('data-original-b');
		}); 
	console.log(listing_preload);
	preload(listing_preload);

Une autre solution consiste à créer des sélecteurs personnalisés, ce qui tombe bien, j'avais justement écris un article là-dessus avec comme exemple de mise en oeuvre les attributs data-*. :mrgreen:
:arrow: Créer des sélecteurs jQuery personnalisés.