JSFiddle - React, Tailwind, and code Playground

by abhitalks

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").on("click", function(e) {
    var $t = $(e.target);
    if ($t.hasClass('loc-id')) {
        alert($t.text());
    }
});