JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td class=" sorting_1">Foobar</td>
    <td>Hello</td><td><a href="/some/path/abc.html">42</a></td>
    <td>0</td>
    <td><img src="/images/img.gif"></td>
    <td>7:44 AM</td>
    <td>
        <ul><li><a href="/path2/read/3">Read it</a></li>
            <li><a class="booboo" href="#">Just do it</a></li>
        </ul>
    </td>
  </tr>
</table>

JavaScript

$("table a.booboo").click(function() {
        var $this = $(this);
        var tr = $this.closest("tr");
        
        var a = $this.closest("ul").find("li:first a").attr("href");
        a = a.substring(a.lastIndexOf("/") + 1);
        alert(a);
        var b = tr.find("td:first").text();
        alert(b);
        var c = tr.find("td:eq(2) a").attr("href");
        alert(c);
    });