JSFiddle - React, Tailwind, and code Playground

HTML

<main>
    <div id="otherparent">
        <div id="otherparent2">above stophere
            <br />
            <br />
            <div id="stophere">stophere
                <br />
                 <h4 class="parentclass">h4 <br /><br />
                <span class="target">Clicked</span>
               </h4>

            </div>
        </div>
    </div>
</main>

JavaScript

jQuery('html').on("click", function (ev) {
    var elemparentid = jQuery(ev.target).closest("[id]").attr("id");
    var thisparents = jQuery(ev.target).parents()
        .map(function () {
        if (jQuery(this).find("#" + elemparentid).length < 1) {
            return this.tagName;
        }
    }).get()
        .join(", ");
    alert(thisparents);
});