JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="wrapper">
<div class="inner">
<div class="divphoto">
<img class="photo" src="https://www.privacyandsecuritymatters.com/wp-content/uploads/sites/6/2016/03/apple-logo-295x300.png" />
</div>
</div>
<div class="inner">
<div class="divphoto">
<img class="photo" src="https://www.privacyandsecuritymatters.com/wp-content/uploads/sites/6/2016/03/apple-logo-295x300.png" />
</div>
</div>
<div class="inner">
<div class="divphoto">
<img class="photo" src="https://www.privacyandsecuritymatters.com/wp-content/uploads/sites/6/2016/03/apple-logo-295x300.png" />
</div>
</div>
<div class="inner">
<div class="divphoto">
<img class="photo" src="https://www.privacyandsecuritymatters.com/wp-content/uploads/sites/6/2016/03/apple-logo-295x300.png" />
</div>
</div>
<div class="inner">
<div class="divphoto">
<img class="photo" src="https://www.privacyandsecuritymatters.com/wp-content/uploads/sites/6/2016/03/apple-logo-295x300.png" />
</div>
</div>
</div>

JavaScript

$( document ).ready(function() {
    console.log( "ready!" );
    
    $('.photo').click(function() {
    console.log($(this).parent().parent().index());
    });
});