JSFiddle - React, Tailwind, and code Playground

by djmartini

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div id="x2" style="background:red;padding:25px;"><a href="#" id="x1">Click me</div>

JavaScript

$(document).ready(function(){

	$("#x1").on('click', function(e)
  {
  	e.stopImmediatePropagation();
  	alert('x1-1');
  });
  
  $("#x1").on('click', function(e)
  {
  	e.preventDefault();
  	alert('x1-2');
  });
  
  $("#x2").on('click', function(e)
  {
  	e.preventDefault();
  	alert('x2');
  });


});