JSFiddle - React, Tailwind, and code Playground

by arulmr

HTML

<input type='button' id="a" class='confirmdelete' value='DELETE' /><br><br>
<input type='button' id="b" class='confirmdelete' value='DELETE' /><br><br>
<input type='button' id="c" class='confirmdelete' value='DELETE' /><br><br>

JavaScript

$('.confirmdelete').click(function () {
    var cur_id = this.id;
    var buttons = '<div id="dialog' + cur_id + '" title="Confirm" align="center"><input type="button" value="Yes" id="yes' + cur_id + '" /><input type="button" value="No" id="no' + cur_id + '" /></div>'
    $(this).after(buttons);
    $("#dialog" + cur_id).dialog();

    $("#yes" + cur_id).click(function(){
        alert('true - ' + cur_id);
        //Write your delete code here
        $(this).parents(".ui-dialog-content").dialog('close')
        $("#dialog" + cur_id).remove();
    });
    $("#no" + cur_id).click(function(){
        $(this).parents(".ui-dialog-content").dialog('close')
        $("#dialog" + cur_id).remove();
    });
});