JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <label>John</label>
    <input type="button" class="edit" value="Edit" />
    <input type="button" class="delete" value="delete" />
</div>
<hr/>
<div class="container">
    <label>John Who</label>
    <input type="button" class="edit" value="Edit" />
    <input type="button" class="delete" value="delete" />
</div>

JavaScript

$(document).on('click', '.edit', function (e) {
    var data = $(this).prev();
    if (data.is('label')) data.replaceWith('<input type="hidden" name="lamp" value="">');
});