JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-container">
  <ul>
    <li>
      <img src="http://img.netzwelt.de/dw677_dh381_sw1920_sh1080_sx0_sy0_sr16x9_nu0/picture/original/2016/01/hoechst-dynamische-frontpartie-tagfahrleuchten-thors-hammer-design-ab-sommer-2016-gibt-neuen-s90-volvo-haendlern-178603.jpeg">
    </li>
    <li>
      <img src="http://www.motoroids.com/wp-content/uploads/2015/01/Volvo-Concept-Coupe-300x300.jpg">
    </li>
    <li>
      <img src="http://www.motoroids.com/wp-content/uploads/2015/05/Volvo-XC90-India-launch-4-300x300.jpg">
    </li>
  </ul>
</div>

CSS

ul li img{
  width: 200px;
}
ul li{
  list-style: none;
}

JavaScript

$('img').each(function(){
  var link = $(this).attr('src');
  $('<div><a href="' + link + '">Text</a></div>').insertAfter(this);
});