JSFiddle - React, Tailwind, and code Playground

HTML

<button class="info">
Info
</button>
<img id="name_edit" src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-10/128/Pencil-icon.png" alt="delete" class="delRow" />

JavaScript

$(document).ready(function() {
    var imgid = $("#name_edit");

    $(".info").click(function() {
        alert(imgid.attr('id'));
    });

    $("#name_edit").click(function(){
        $(this).attr("src", "http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-9/128/edit-validated-icon.png");
        $(this).attr("id","name_confirm");
        alert($(this).attr("id"));
    });
    $("#name_confirm").click(function(){
        $(this).attr("src", "http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-10/128/Pencil-icon.png");
        $(this).attr("id","name_edit");
    });
});