JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="unOrderedList">
<li id="gears"><a class="links" href="#">Click here!</a></li>
<li id="tyres"><a class="links" href="#">Click here!</a></li>
<li id="rear"><a class="links" href="#">Click here!</a></li>
<li id="mirror"><a class="links" href="#">Click here!</a></li>
<li id="charger"><a class="links" href="#">Click here!</a></li>
<li id="port"><a class="links" href="#">Click here!</a></li>
<li id="list"><a class="links" href="#">Click here!</a></li>
</ul>
JavaScript
$("a.links").click(function() {
alert($(this).parent().attr("id"));
});