JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<form id="foobar">
	<div id="foobar-1">foobar-1</div>
  <div id="foobar-2">foobar-2</div>
  <div id="foobar-3">foobar-3</div>
</form>

CSS

form,div {padding:1rem;}
form {background:#ccc}
div {margin:1rem;background:#888;color:#fff}

JavaScript

$('form,form *').click(function(e) {
  alert($(this).attr('id'));
  alert($(this).length);
  alert($(this).get(0).tagName);
});