JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
    <div class="item">select me
        <div class="item">don't select me</div>
    </div> <span>
        <div class="item">select me</div>
    </span>

</div>

JavaScript

var firstItem = $('.item:first');
$(firstItem).find(".item").each(function () {
    //console.log($(this).parent(".item")[0])
    if ($(this).parent(".item")[0] === undefined) {
        $(this).css('color', 'red')
    } else if ($(this).parent(".item")[0] != $(firstItem)[0]) {
        $(this).css('color', 'cyan')
    } else {
        $(this).css('color', 'red')
    }
})

//selector.css('color', 'red');