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:
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?
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'); });
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); }
Partager