JSFiddle - React, Tailwind, and code Playground

by danheberden

HTML

<div id="tester">
   <ul>
       <li>whip</li>
       <li id="haha">it</li>
       <li>good</li>
    </ul>
<div>
<div id="output"></div>

JavaScript

var test = [ 
    $("#tester:has(li:not(#haha))") , 

    $("#tester:has(li:contains(good))") ,

    $("#tester:has(li:contains(bad))") ,

    $("#tester:has(li:not(:contains(good))")
    
],
    $output = $( '#output' );
$.each( test, function( i, v ) {
    $output.append( '<div>' + i + ": " + v.length + "</div>" );
});