pourquoi n est ce pas equivalent?

Bonjour,
développeur as3 je me mets gentilment au js et plus particulierement jquery.
je charge un xml que je manipule afin de réinsérer des balises dans le html local
par ex:

Code:

---

1 2 3

<images> <img src="home_res/img/diapo_1.jpg" class="yop"/>....

---

avec js je souhaite ajouter ces img dans ma balise div class="#slideshow"

Code:

---

1 2 3 4 5 6

$(xml).find('img').each(function(){ var image=$(document.createElement("img")); var srcAtt=$(this).attr('src'); image.attr('src',srcAtt); $('#slideshow').append(image); });

---

ca marche nickel, j avais pensé avoir trouvé plus simple avec

Code:

---

$("#slideshow").append($(xml).find('img'));

---

mais ca marche pas
le code est bien écrit ds mon html (firebug) mais pas de rendu...
pourriez vous m expliquer le pourquoi d ucomment?
merci

Salut.

Le problème vient juste du fait que tu t'y prends à l'envers.

Code:

---

$(xml).find('img')

---

retourne une collection, or tu ne peux "appender" une collection d'objets à un objet HTML.
Essaye plutôt dans l'autre sens :

Code:

---

1 2 3

$(xml).find('img').each(function(){ $("#slideshow").append($(this)); });

---

comme ça, tu ajoutes chaque item de ta collection à l'objet référencé. ;)

bonsoir et merci pour ta réponse,
a lire ca parait logique, sauf que ta solution engendre le même résultat que la mienne, pas d image et surtout dans firebug le code apparait plus clair (si c est pas technique ça)... je pense que c est inséré en tant que noeud texte ou quelque chose comme ça.

Tu récupères comment ton xml ?
Parce que si tu n'indiques pas à jQuery qu'il s'agit de XML, ça peut effectivement être un problème.

comme ceci

Code:

---

1 2 3 4 5 6 7 8 9 10

function loadXMLslideshow(path){ $.ajax({ url:path ,async:false ,dataType:"xml" ,type:'GET' ,success: function(xml) {appendXML(xml)} ,error :function(XMLHttpRequestObj, errorStr, errorObj){alert(errorObj)} }) }

---

Bonsoir.

Si j'ai bien compris, alors :

Code:

---

1 2 3

$(xml).find("img").each(function(i, item){ $("#slideshow").append("<img src='" + $(item).attr("src") + "'/>"); });

---

effectivement ça marche
je te remercie, maintenant ca n explique pas pourquoi cela ne marche pas ... mais bon je vais pas faire le difficile pour commencer ;)
merci a vous