JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="wrong1">
        <ul>
          <li id="p1">
            <a href="" class='btn'></a>
          </li>
          <li id="p2">
            <a href="" class='btn'>Click here!</a>
          </li>
          <li id="p3">
            <a href="" class='btn'></a>
          </li>
        </ul>
    </li>
    <li id="wrong2"></li>
</ul>

JavaScript

$('a.btn').click(function(e) {
    var li = $(this).closest("li");
    alert(li.attr("id"))
});