JSFiddle - React, Tailwind, and code Playground

HTML

<div id="familiar_items">
    <div class="familiars">
        <a href="#" class="up">up</a>
        <a href="#" class="down">down</a>
    </div>
    <div class="familiars">
        <a href="#" class="up">up</a>
        <a href="#" class="down">down</a>
    </div>
    <div class="familiars">
        <a href="#" class="up">up</a>
        <a href="#" class="down">down</a>
    </div>
</div>

JavaScript

$('#familiar_items').on('click', '.up', (e) => {
	e.preventDefault();
    console.log(e.target, e.delegateTarget, $(e.target).parents('.familiars'));
});