JSFiddle - React, Tailwind, and code Playground

by nicholasstephan

HTML

<a class="btn" data-toggle="modal" href="#myModal" data-userid="12345">Launch Modal</a>
<div class="modal" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

CSS

#myModal { 
    display:none;
    
}

JavaScript

$('.btn').on('click', function () {
    var id = $(this).attr('data-userid');
    alert(id);
});