Discussion :

[R2dread2]

Bonjour,
j'ai le soucis suivant, je ne parvient pas à récupérer les enfants d'une div sous la forme d'objet jquery, ici en l'occurrence des images.

voici mon code HTML:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
			<div id="imageRow">
 
					<a class="single first" href="img/lb/examples/image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="" class="loading" alt="Plants: image 1 0f 4 thumb" /></a>
 
					<a class="single" href="img/lb/examples/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ><img class="loading" src="" alt="Plants: image 2 0f 4 thumb" /></a>
 
					<a class="single" href="img/lb/examples/image-5.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."><img class="loading" src="" alt="Plants: image 3 0f 4 thumb" /></a>
 
					<a class="single last" href="img/lb/examples/image-6.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"><img class="loading" src="" alt="Plants: image 4 0f 4 thumb" /></a>
 
	 		</div>

La solution que l'on m'a proposé pour le moment est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
	$('#imageRow').find('img').each( function(){
		$(this).attr('src', url+imgs[($(this).index('img')-2)]);
		$(this).delay(2000).removeClass('loading');
	});

Ce qui marche mais je manipule l'ensemble des images et non une par une, à moins de les ajouter dans une array il n'y a pas d'autres solutions?

J'ai essayé:
$("#imageRow").find('img')[2]; mais évidemment elle me retourne [object HTMLImageElement] sur le quel je ne peux pas appliquer de méthode jquery.
$("#imageRow").find('img').first(); me retourne par contre bien un objet jquery (le premier de la liste) mais $("#imageRow").find('img').next(); ne fonctionne pas. Je n'arrive pas à obtenir un par un les objets excepté le premier et le dernier (.last()).

J'ai essayé .children() et .contents() mais j'ai toujours des élément du DOM:
[object HTMLImageElement] à moins que je les ai mal utilisées.

Voilà, comment faire pour obtenir une liste (si possible) des éléments enfant de la div (imageRow) sous la forme d'objet jquery?

Merci beaucoup.
Au passage existe t'il une fonction jQuery pour afficher l'ensemble des attributs ou un max d'infos sur un objet jQ (une sorte de sérialisation, je ne sais pas si j'ai été très clair)?
J'ai ça en attendant mais j'aimerai bien avoir le type entre autres de l'élément:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
	var attrs = $("#imageRow").find('img')[2].attributes;
	for(var i=0;i<attrs.length;i++){
	alert(attrs[i].nodeName + " => " + attrs[i].nodeValue);
	}

[SpaceFrog]

HEu ???? je suis perplexe
Quel est le but de la maneouvre ...

si tu veux mettre la main sur une image en particulier utilise la puissance des selecteurs jquery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#imageRow').find('img:eq(indexe)')

avec index = de 0 à img.length

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#imageRow').find('img:nth-child(pos)')

avec pos de 0 à img.length

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#imageRow').find('img')

renvoie une collection d'objets jQuery.
C'est dans le callback de .each() que tu récupères un objet DOM, d'où le $(this).

EDIT
Ceci dit, tu peux appliquer le callback directement à .attr() sans passer par .each() :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('#imageRow').find('img').attr('src', function(index, ancienneValeurDeAttr){
    // Ici, this correspond à l'élément en cours
});