JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<div id="SMALL">
<ul>
    click icon
    <br>
    <br>
    <dt><!--***--></dt>
    <dt><!--***--></dt>
    <dt><!--***--></dt>
    <dt><!--***--></dt>
</ul>
</div>

JavaScript

dt = $('ul dt');
dt.each(function (i) {
    var imgA = $("<img />");
    imgA.attr({
        "id": i+"x",
            "src":                "http://www.iconeasy.com/icon/thumbnails/Media/Play%20Stop%20Pause/Play%20Normal%20Icon.jpg",
            "alt": "image" + i+"x",
    });
    $(this).append(imgA)
    //
    var imgB = $("<img />");
    imgB.attr({
        "id": i+"y",
            "src": "http://www.iconeasy.com/icon/thumbnails/System/Must%20Have/DVD%20Disk%20Icon.jpg",
            "alt": "image" + i+"y",
    });
    $(this).append(imgB)   
    
});
//
$(function(){
  $("#SMALL img").click(
  function(){
    alert( 
    "id="+
    $(this).attr("id")+
    ",src="+
    $(this).attr("src"));
  }
  )
}
)