JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d1">
    <div id="d2"> hey 
        <span id="a"> span1 </span>
        <span id="b"> span2 </span>
    </div>
</div>

JavaScript

$('#d1').on('click', '#d2', function (e) {
    e.stopPropagation();
    console.log('stopped');   
});

$(document).on('click', '#a, #b', function (e) {
    console.log(this);
});