JSFiddle - React, Tailwind, and code Playground

by Richard Lima

HTML

<div class="outer">
  <div className="col-sm-1 col-md-1 text-center"><strong>Some content</strong></div>
  <div className="col-sm-1 col-md-1">
     <button type="button" className="btn btn-danger pull-right" class="inner">Button</button>
  </div>
 </div>

JavaScript

$(document).ready(function () {
  $('.outer').on('click', function () {
    console.log('outer');
  });
  
  $('.inner').on('click', function (e) {
    e.stopPropagation();
    console.log('inner');
  });
});