JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">

    <ol id="thumbnails">

        <li class="mini"><a class="miniImage" id="horseOne">Testing <img src="media/images/mini.jpg" alt="" /></a></li>
        <li class="mini"><a class="miniImage" id="horseTwo">Testing <img src="media/images/mini.jpg" alt="" /></a></li>
        <li class="mini"><a class="miniImage" id="horseThree">Testing <img src="media/images/mini.jpg" alt="" /></a></li>
        <li class="mini"><a class="miniImage" id="horseFour">Testing <img src="media/images/mini.jpg" alt="" /></a></li>
        <li class="mini"><a class="miniImage" id="horseFive">Testing <img src="media/images/mini.jpg" alt="" /></a></li>
        <li class="mini"><a class="miniImage" id="horseSix">Testing <img src="media/images/mini.jpg" alt="" /></a></li>
        <li class="mini"><a class="miniImage" id="horseSeven">Testing <img src="media/images/mini.jpg" alt="" /></a></li>
        <li class="mini"><a class="miniImage" id="horseEight">Testing <img src="media/images/mini.jpg" alt="" /></a></li>

    </ol>

    <div id="contentRight">

        <table id="work">

            <tr>

                <td id="horseOneImage" class="mainImage">Testing <img src="media/images/horse.jpg" alt="" /></td>
                <td id="horseTwoImage" class="mainImage">Testing <img src="media/images/horse.jpg" alt="" /></td>
                <td id="horseThreeImage" class="mainImage">Testing <img src="media/images/horse.jpg" alt="" /></td>
                <td id="horseFourImage" class="mainImage">Testing <img src="media/images/horse.jpg" alt="" /></td>
                <td id="horseFiveImage" class="mainImage">Testing <img src="media/images/horse.jpg" alt="" /></td>
                <td id="horseSixImage" class="mainImage">Testing <img src="media/images/horse.jpg" alt="" /></td>
                <td id="horseSevenImage" class="mainImage">Testing <img src="media/images/horse.jpg" alt="" /></td>
                <td id="horseEightImage" class="mainImage">Testing <img...

JavaScript

$('#thumbnails').bind('click', function(e){

    var target = e.target, // e.target grabs the node that triggered the event.    
        $target = $(target);  // wraps the node in a jQuery object
    var id = target.id;

    if (target.nodeName === 'A') {
      //$.scrollTo('#'+ id + 'Image', 1000, {offset: {top:96, left:-636} });  
      console.log($('#' + id + 'Image')) // for debugging in firebug
    }


});