JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<section class="parent">
    <div class="selector" id="onlyThis1">
        ...
    </div>
    <div class="aThing">
        <div class="selector" id="onlyThis2">
            <div class="anotherThing">
                <div class="selector">
                </div>
            </div>
        </div>
    </div>
</section>

JavaScript

const nested = [...document.querySelectorAll('.selector .selector')];const elems = [...document.querySelectorAll('.selector')].filter(e => !nested.includes(e));
const elems = [...this.state.pageContentInstance.querySelectorAll('.selector')].filter(node => node.closest('.selector') && node !== node);



console.log(elems);
elems.forEach(e => e.style.border = '3px double red');