JSFiddle - React, Tailwind, and code Playground

by Oliver_kh

HTML

<img src="http://upatov.com/content/img/portf/googleblogrussia.jpg" alt="Превью работы">
<img src="http://upatov.com/content/img/portf/alliancepc.jpg" alt="Превью работы">
<img src="http://upatov.com/content/img/portf/silenceorder.jpg" alt="Превью работы">
<img src="http://upatov.com/content/img/portf/upatovblog.jpg" alt="Превью работы">
<img src="http://upatov.com/content/img/portf/spart.kh.jpg" alt="Превью работы">
    <div class="fas">
<img src="http://upatov.com/content/img/portf/googleblogrussia.jpg" alt="Превью работы">
<img src="http://upatov.com/content/img/portf/alliancepc.jpg" alt="Превью работы">
<img src="http://upatov.com/content/img/portf/silenceorder.jpg" alt="Превью работы">
<img src="http://upatov.com/content/img/portf/upatovblog.jpg" alt="Превью работы">
<img src="http://upatov.com/content/img/portf/spart.kh.jpg" alt="Превью работы">
    </div>
    <div class="res"></div>

CSS

img {
    width:150px
}

JavaScript

$(function() {
    $('body > img').each(function (index) {
    this.id = 'dfa' + (index + 1);
    });
    $('.fas > img').each(function (index) {
    this.id = 'dfa' + (index + 1);
    });
    $('img').click(function() {
       $(this).each(function () {
           $(this.id).addClass('asd'); 
       });
        $('.res').text(this.id);
    });
});