JSFiddle - React, Tailwind, and code Playground

HTML

<div class="beforeafter"> 
<div class="before"> 
<img src="http://images.supportduweb.com/bouttons/images/btn_apc_60_2.gif"> 
</div> 
<div class="after"> 
<img src="http://images.supportduweb.com/bouttons/images/btn_apc_59_2.gif"> 
</div> 
</div> 

<div class="beforeafter"> 
<div class="before"> 
<img src="http://images.supportduweb.com/bouttons/images/btn_apc_50_2.gif"> 
</div> 
<div class="after"> 
<img src="http://images.supportduweb.com/bouttons/images/btn_apc_45_2.gif"> 
</div> 
</div> 
    
    <span id="texteJQ"></span>

JavaScript

$(".beforeafter").each(function(){
        // Création nouvel objet
        $("#texteJQ").append("<br /> Nouvel objet:<br />");
        // Url Avant :
        var lienBefore = $(this).find('.before img').attr('src');
        $("#texteJQ").append("<br />"+"Lien avant:"+lienBefore+"<br />");
        // Url Après :
        var lienAfter = $(this).find('.after img').attr('src');
        $("#texteJQ").append("Lien apres:"+lienAfter+"<br />");    
});