JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-w">
					<div class="main-item">
						<div class="email-item idv">
							<p class="idvalue">#25</p>
						</div>
						<div class="email-item module" data-tr="77">
							<p></p>
						</div>
						<div class="email-item date">
							<p></p>
						</div>
						<div class="email-item cl">
							<p></p>
						</div>
						<div class="email-item ld">
							<p><button class="delete-item" data-it="delete" value=""><span>X</span></button></p>
						</div>
					</div>
					<div class="main-item">
						<div class="email-item idv">
							<p class="idvalue">#28</p>
						</div>
						<div class="email-item module" data-tr="88">
							<p></p>
						</div>
						<div class="email-item date">
							<p></p>
						</div>
						<div class="email-item cl">
							<p></p>
						</div>
						<div class="email-item ld">
							<p><button class="delete-item" data-it="delete" value=""><span>X</span></button></p>
						</div>
					</div>
				</div>

JavaScript

$('.delete-item').on('click', function(event) {
  var that = $(this).parents('.main-item').find('.module').attr('data-tr');
      console.log(that);
});