JSFiddle - React, Tailwind, and code Playground

by jasper

HTML

<ul class='swapme'>
  <li><img class="swapme" src="a.jpg" /></li>
  <li><img class="swapme" src="b.jpg" /></li>
  <li><img class="swapme" src="c.jpg" /></li>
  <li><img class="swapme" src="d.jpg" /></li>
</ul>

JavaScript

var data = [
    {'image':'http://www.lancs.ac.uk/staff/wilsonk4/research_files/blue%20small%20tort%20from%20flickr.jpg', 'name':'some name'},
    {'image':'http://mathworld.wolfram.com/images/gifs/SmallStellatedDodecahedronMosaic.jpg', 'name':'some name'},
    {'image':'http://graphics8.nytimes.com/images/2009/03/16/business/1237225104590-0-2ED3-PL-ObamaonSmallBusiness.jpg', 'name':'some name'},
    {'image':'http://media.treehugger.com/assets/images/2011/10/toyota-iq-small-car-001.jpg', 'name':'some name'},
];

$('ul.swapme').find('img.swapme').each(function (index, value) {
    $(value).attr('src', data[index].image);
});