JSFiddle - React, Tailwind, and code Playground

HTML

<button class="up" data-id="0">Up</button>
<button class="down" data-id="0">Down</button>
<div id="rank-0" data-rank="0">0</div>

<button class="up" data-id="1">Up</button>
<button class="down" data-id="1">Down</button>
<div id="rank-1" data-rank="0">0</div>

<button class="up" data-id="2">Up</button>
<button class="down" data-id="2">Down</button>
<div id="rank-2" data-rank="0">0</div>

JavaScript

$(".up").click(function() {
    var id = $(this).data("id");
    var rank = $("#rank-" + id).data("rank");
    rank++;
    $("#rank-" + id).data("rank", rank).text(rank);
});

$(".down").click(function() {
    var id = $(this).data("id");
    var rank = $("#rank-" + id).data("rank");
    rank--;
    $("#rank-" + id).data("rank", rank).text(rank);
});