JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<script src="http://getfirebug.com/firebug-lite-debug.js"></script>
<div id="test">
    <div>
        <div>
            <div></div>
        </div>
    </div>
    <div>
        <div></div>
    </div>
    <div>
        <div></div>
    </div>
</div>

JavaScript

var selectors = {
    '#test > div *': 4
};

document.querySelectorAll = null;

for ( var selector in selectors ) {
    console.log( 'jQuery => selector: %o, expected: %d, result: %d', selector, selectors[ selector ],
                 jQuery( selector ).length );
    try {
        console.log( 'querySelectorAll => selector: %o, expected: %d, result: %d', selector, selectors[ selector ],
                     HTMLDocument.prototype.querySelectorAll.call( document, selector ).length );
    } catch( e ) {
        console.log( 'querySelectorAll failed: %o', e );
    }
}