JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
    <ul style="display: none">
        <li>A) <p>attached</p></li>
    </ul>
    
    <p id="out1"></p>
    <p id="out2"></p>
    <p id="out3"></p>
</body>
</html>

JavaScript

$('#out1').text(    
    $('li').has('p').text()
);

$('#out2').text(
    // Y U NO WORK?
    $('<ul><li>B) <p>detached</p></li></ul>').find('li').has('p').text()
);

$('#out3').text(
    $('<ul><li>C) <p>selector</p></li></ul>').find('li:has(p)').text()
);