JSFiddle - React, Tailwind, and code Playground

by bookin

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="result"></div>
<div data-user-email="email1@mail.ru" data-event-id="event-id-1" class="event-div">
  <span class="my_btn delete-event" style="background-color: red;">Get data 1</span>
</div>

<div data-user-email="email2@mail.ru" data-event-id="event-id-2" class="event-div">
  <span class="my_btn delete-event" style="background-color: red;">Get data 2</span>
</div>

<div data-user-email="email3@mail.ru" data-event-id="event-id-3" class="event-div">
  <span class="my_btn delete-event" style="background-color: red;">Det data 3</span>
</div>

JavaScript

$(function(){
	$('.delete-event').click(function(e){
  	var parent = $(this).parent('.event-div');
    $("#result").html("Email: "+parent.data('user-email')+"; Event: "+parent.data('event-id'));
  	return false;
  });
});