JSFiddle - React, Tailwind, and code Playground
HTML
<!-- Feedback za prvi komentar -->
Komentar 1
<div class="feedback" data-type="positive" data-id="1">Pozitivni: 2</div>
<div class="feedback" data-type="negative" data-id="1">Negativni: 4</div>
<!-- Feedback za drugi komentar -->
Komentar 2
<div class="feedback" data-type="positive" data-id="2">Pozitivni: 6</div>
<div class="feedback" data-type="negative" data-id="2">Negativni: 1</div>
<!-- Feedback za tretji komentar -->
Komentar 3
<div class="feedback" data-type="positive" data-id="3">Pozitivni: 10</div>
<div class="feedback" data-type="negative" data-id="3">Negativni: 4</div>
<!-- Feedback za cetrti komentar -->
Komentar 4
<div class="feedback" data-type="positive" data-id="4">Pozitivni: 15</div>
<div class="feedback" data-type="negative" data-id="5">Negativni: 2</div>
<!-- Feedback za peti komentar -->
Komentar 5
<div class="feedback" data-type="positive" data-id="6">Pozitivni: 2</div>
<div class="feedback" data-type="negative" data-id="6">Negativni: 44</div>
CSS
.feedback {
display: inline-block;
background: #1abc9c;
color: #fff;
width: 100px;
text-align: center;
padding: 4px 0;
margin-bottom: 5px;
cursor: pointer;
}
JavaScript
$('div.feedback').on('click', function(){
var $that = $(this); //cache od $(this) na katerega se bomo sklicevali
var feedtype = $that.data('type'); //dobimo vrednost negative oz. positive
var feedid = $that.data('id'); // dobimo id komentarja
console.log("feedType: " + feedtype);
console.log("feedid: " + feedid);
});