[JQUERY] Recuperer SRC images
BadGamer
Messages postés
694
Statut
Membre
-
BadGamer Messages postés 694 Statut Membre -
BadGamer Messages postés 694 Statut Membre -
Bonjour,
J'ai un code sous cette forme
<div class="beforeafter">
<div class="before">
<img src="http://monsite.fr/monimage1.jpg">
</div>
<div class="after">
<img src="http://monsite.fr/monimage2.jpg">
</div>
</div>
<div class="beforeafter">
<div class="before">
<img src="http://monsite.fr/monimage3.jpg">
</div>
<div class="after">
<img src="http://monsite.fr/monimage4.jpg">
</div>
</div>
Et je voudrais pouvoir récupérer en Javascript les liens de mes images 1/2/3/4 en gardant le fait que la 1 vas avec la 2 et la 3 avec la 4. Je ne sais pas combien de div il y a comme ça, 0,1 ou n.
Je me suis donc mis a regarder le JQUERY et j'ia voulu effectuer quelques test, sauf que ça ne marche pas comme je veux, si un conaisseur peu jeter un coup d'oeil ce serais super c'est vraiment basique comme actions:
Voila ma page:
En mettant en script:
Mon span texteJQ contient le texte "hello world" donc l'affichage fonctionne, ensuite j'ia testé ça:
En pensant que ça allais rajouter dans mon span tous les liens des images(les src) de ma page mais ça n'affiche rien...
Si quelqu'un a une solution ou une piste je suis preneur.
Merci d'avance
J'ai un code sous cette forme
<div class="beforeafter">
<div class="before">
<img src="http://monsite.fr/monimage1.jpg">
</div>
<div class="after">
<img src="http://monsite.fr/monimage2.jpg">
</div>
</div>
<div class="beforeafter">
<div class="before">
<img src="http://monsite.fr/monimage3.jpg">
</div>
<div class="after">
<img src="http://monsite.fr/monimage4.jpg">
</div>
</div>
Et je voudrais pouvoir récupérer en Javascript les liens de mes images 1/2/3/4 en gardant le fait que la 1 vas avec la 2 et la 3 avec la 4. Je ne sais pas combien de div il y a comme ça, 0,1 ou n.
Je me suis donc mis a regarder le JQUERY et j'ia voulu effectuer quelques test, sauf que ça ne marche pas comme je veux, si un conaisseur peu jeter un coup d'oeil ce serais super c'est vraiment basique comme actions:
Voila ma page:
<span id="texteJQ"></span>
<div id=testJQ>
<img src="http://***1.jpg"/>
<img src="http://***2.jpg"/>
</div>
En mettant en script:
<script>
var texte="hello world";
$("#texteJQ").append(texte);
</script>
Mon span texteJQ contient le texte "hello world" donc l'affichage fonctionne, ensuite j'ia testé ça:
<script>
$("img").each(function(){
$("#texteJQ").append(this.src);
});
</script>
En pensant que ça allais rajouter dans mon span tous les liens des images(les src) de ma page mais ça n'affiche rien...
Si quelqu'un a une solution ou une piste je suis preneur.
Merci d'avance
2 réponses
-
Nouveau probleme !
Ce code:
$(".beforeafter").each(function(){
$(".before img").each(function(){
$("#texteJQ").append(this.src+"\n");
});
});
Me renvoit
http://monsite.fr/monimage1.jpg
http://monsite.fr/monimage3.jpg
http://monsite.fr/monimage1.jpg
http://monsite.fr/monimage3.jpg
Autrement dit comme si le premier each n'existait pas... enfin le premier each effectue la boucle deux fois mais j'aimerais que le deuxieme parte des resultats du premier et non pas de tout le document, un genre de
$(".beforeafter").each(function(){
$("this.before img").each(function(){
$("#texteJQ").append(this.src+"\n");
});
});
Sauf que ça ça ne marche pas
je travaille ici si vous voulez jeter un coup d'oeil
http://jsfiddle.net/H6vBx/96/-
-
-
-
Le code de seezer marche ! Merci
En fait je voudrais pour chaque div de classe beforeafter creer un nouvel objet comme cet exemple et j'ai besoin des url des images pour créer cet objet. Mais pour l'instant je fait des tests pour me familiariser avec ce langage
Edit: voila j'arrive a récupérer indépendamment les éléments: http://jsfiddle.net/H6vBx/98/
Merci beaucoup ! -
Nickel, petit ajout, si tu as toujours qu'une image dans ton .after et .before, tu peux ne pas utiliser tes deuxièmes eachs en faisant comme cela :
http://jsfiddle.net/H6vBx/101/
A+
-
-
Hello tu peux récupérer l'attribut src de ton image de la manière suivante :
$("img").each(function(){
var src = $(this).attr('src');
$("#texteJQ").append(src);
});
Salutations
