JSFiddle - React, Tailwind, and code Playground

by Stefano Bertoli

HTML

<ul>
    <li data-id="123">
        running
    </li>
    <li data-id="234">
        basket
    </li>
    <li data-id="345">
        football
    </li>
</ul>

CSS

[data-id]
{color:red;}

JavaScript

$(function () {
   
    $("li").click(function () {
        console.log($(this).data("id"))
        alert($(this).data("id")); 
        $.get("/product/" + $(this).data("id"),function(data){$(this).append(data);
    });
    
});
    });