JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">outside
    <div id="container">
        outside
        <span>first_span_clickMe</span>
        <span>second_span_clickMe</span>
    </div>
 outside</div>

JavaScript

$(function() {
   $("#container > span").on("click", function(){
      $('body').append("<br/>child clicked");
   });
});