Récupérer SRC images

Bonjour,
J'ai un code sous cette forme
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <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’ai voulu effectuer quelques test, sauf que ça ne marche pas comme je veux, si un connaisseur peu jeter un coup d'oeil ce serais super c'est vraiment basique comme actions :mouarf:
Voila ma page:
Code:

1 2 3 4 5 6 <span id="texteJQ"></span> <div id=testJQ> <img src="http://***1.jpg"/> <img src="http://***2.jpg"/> </div>
En mettant en script:
Code:

1 2 var texte="hello world"; $("#texteJQ").append(texte);
Mon span texteJQ contient le texte "hello world" donc l'affichage fonctionne :mrgreen:, ensuite j'ai testé ça:
Code:

1 2 3 $("img").each(function(){ $("#texteJQ").append(this.src); });
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. :ccool:
Merci d'avance

Edit: je travaille sous ezpublish et je n'avais pas pensé a mettre les balises {literal} autour de mon script... du coup le dernier script marche, je fait des test pour récuperer les src des images mais je suis toujours preneur pour une solution plus propre si elle existe:mrgreen:

Code:

1
2
3
$("img").each(function(){
$("#texteJQ").append($(this).prop('src'));
});

C'est bon j’ai réussit, si ça intéresse voila mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 var lienbefore;
        var lienafter;
        var nom;
        var height=0;
        var width=0;
 
        $(".beforeafter").each(function(){
 
            lienbefore=$(this).find('.before img').attr('src');
            lienafter=$(this).find('.after img').attr('src');
            height=$(this).find('.after img').height();
            width=$(this).find('.after img').width();
          });