JSFiddle - React, Tailwind, and code Playground

HTML

<div class="friend_list" value="test">test</div>
<div class="friend_list" value="test2">test2</div>
<div class="friend_list" value="test3">test3</div>
<div class="friend_list" value="test4">test4</div>

CSS

.friend_list {
  border: 1px solid black;
}

JavaScript

var main = function(){
  $(".friend_list").click(function(){
    var value = this.getAttribute('value');
    alert(value);
  });
};
$(document).ready(main);