JSFiddle - React, Tailwind, and code Playground

by geekrule

HTML

<div id="selectList">
    <img src="http://tinyurl.com/26asnv7" />
    <img src="http://tinyurl.com/26asnv7" />
    <img src="http://tinyurl.com/26asnv7" />
    <img src="http://tinyurl.com/26asnv7" />
    <img src="http://tinyurl.com/26asnv7" />
</div>
<button id="btn">hi</button>

CSS

#selectList { width: 202px; border: 1px solid #000; margin: 2px; height: 400px; float: left }

#selectList img.clicked { border: 1px solid Blue }

JavaScript

$(function() {
    $('#selectList img').click(function() {
        var $img = $(this).toggleClass('clicked');
    });
    $('#btn').click(function() {
        $('.clicked').each(function(i, el) {
            var $gfr = $(this).attr('src');
            alert($gfr);
        });
    });
});