JSFiddle - React, Tailwind, and code Playground

by skram

HTML

<!-- modal confirm -->
<div id="modal-delete">
    <a class="btn-danger">Confirm</a>
</div>

<!-- delete buttons -->
<a class="bt-delete" data-route="/user/delete/1">Delete</a>
<a class="bt-delete" data-route="/user/delete/2">Delete</a>

JavaScript

$(document).ready(function() {
    $('.bt-delete').click(function() {

        $('#modal-delete .btn-danger').data('route', $(this).data('route'));
    });

    // Do ajax in .btn-danger click event
    $('#modal-delete .btn-danger').click(function() {
        // data-route does not change
        console.log($(this).data('route'));
    });

});