JSFiddle - React, Tailwind, and code Playground

HTML

<div class="voter">
 <a data-id="10">VoteUp</a>
 <a data-id="10">Vote Down</a>
</div>

<div class="voter">
 <a data-id="8">VoteUp</a>
 <a data-id="8">Vote Down</a>
</div>

<div class="voter">
 <a data-id="9">VoteUp</a>
 <a data-id="9">Vote Down</a>
</div>

CSS

.voter{
    margin:50px;
}
a{
    margin:10px;
    padding:20px;
}

JavaScript

$( document ).ready(function() {
    console.log( "ready!" );
    $(".voter a").on( "click", function() {
        console.log("click");
       var data = $(this).data();
       console.log(data);
       $(this).off().css('background','red');
    });
});