JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<div>
    <ul>
        <li>John</li>
        <li>Karl</li>
        <li>Brandon</li>
    </ul>
</div>
<div>
    <ul>
        <li>Sam</li>
    </ul>
</div>

<div>
    <ul id="testing">
        <li class="test-me">Glen</li>
        <div>test</div>
        <li class="test-me">Tane</li>
        <li class="test-me">Ralph</li>
        <li>David</li>
    </ul>
</div>

CSS

div { float:left; } span { color:blue; }

JavaScript

console.log($("#testing > li.test-me:nth-child(1)").text());