JSFiddle - React, Tailwind, and code Playground

by ThiefMaster

HTML

<div class="listSet">
<ul id="list1">
    <li>One bug <a href="#">X</a></li>
    <li>Two bug <a href="#">X</a></li>
    <li>Three bug <a href="#">X</a></li>
</ul></div></div class="listSet">   
<ul id="list2">
    <li><img src="bug1.jpg"></li>
    <li><img src="bug2.jpg"></li>
    <li><img src="bug3.jpg"></li>
</ul></div>

JavaScript

$('#list1 > li > a').click(function(e) {
    e.preventDefault();
    var idx = $(this).closest('li').index();
    var corresp = $('#list2 > li').eq(idx);
    alert(corresp.children('img').attr('src'));
});