JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<button id="id1" class="editButton">1</button>
<button id="id2" class="editButton">2</button>
<button id="id3" class="editButton">3</button>
<div id="records">

</div>

JavaScript

$(document).ready(function() {
    $(".editButton").each(function(a, b) {
        $('#' + $(b).attr('id')).on('click', function() {
            var id = $(b).attr('id');

            /* from result create a string of data and append to the div */

            var string = '<p>ID is ' + id + '</p><br>';

            $("#records").html(string);
        });
    });
});