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(){
        $("#texteJQ").append("<br /> Nouvel objet:<br />");
   $(this).find('.before img').each(function(){
      var lien=($(this).attr('src'));
       $("#texteJQ").append("<br />"+"Lien avant:"+lien+"<br />");
    });
    $(this).find('.after img').each(function(){
      var lien=($(this).attr('src'));
       $("#texteJQ").append("Lien apres:"+lien+"<br />");

 });
    
     });