JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="list">
    <li data-markerid="0" class="">
        <div class="list-label">A</div>
        <div class="list-details">
            <div class="list-content">
                <div class="loc-id">2</div>
                <div class="loc-addr">England</div>
                <div class="loc-dist">2 miles</div>
                <div class="loc-addr2">Test</div>
                <div class="loc-addr2">Bristol</div>
            </div>
        </div>
    </li>
    <li data-markerid="1" class="">
        <div class="list-label">A</div>
        <div class="list-details">
            <div class="list-content">
                <div class="loc-id">3</div>
                <div class="loc-addr">England</div>
                <div class="loc-dist">60 miles</div>
                <div class="loc-addr2">Test</div>
                <div class="loc-addr2">London</div>
            </div>
        </div>
    </li>
</ul>

JavaScript

$('#list li').click(function () {
    //Change the src of img
    var targetID = $(this).find('.loc-id').text(); // Get the ID
    alert('targetID: ' + targetID)
});