[JQUERY] Recuperer SRC images

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:

<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