JSFiddle - React, Tailwind, and code Playground

HTML

<div id="firstp">
    <a id="firsta" href="#"></a>
    <a id="seconda" href="#"></a>
    <span></span>
</div>

JavaScript

function izzit(sel, match, expect) {
    var res = jQuery( sel ).is( match );
    console.log("jQuery( ", sel, " ).is( ", match, " ) = ", res,
                res!=expect? " WHAT?!" : " OK" );
}

izzit( "#firsta", "#firstp a:first", true );
izzit( "#seconda", "#firstp a:first", false );
izzit( "#firstp", "#firstp a:first", false );
izzit( "#firsta", "#firstp a", true );
izzit( "#firsta", "#firstp span", false );
izzit( "#firsta", "#firstp span:first", false );
izzit( "#firsta", "#firstp:first", false );