JSFiddle - React, Tailwind, and code Playground

by Addy Osmani

HTML

<select name="s" id="s">
        <option value="1">One</option>
        <option value="2">Two</option>
    </select>
    <div id="d">
        <span style="background-color:blue">Text</span>
        <span style="background-color:blue"> Text</span>
    </div>
    <div id="msg1"></div>
    <div id="msg2"></div>
    <div id="msg3"></div>

JavaScript

$('option').add($('#s')[0]).css('background-color','red');
    $('span').add($('#d')).css('background-color','red');

    $('#msg1').text('length='+ $('option').add($('#s')[0]).length);
    $('#msg2').text('length='+ $('option').add($('#d')[0]).length);
    $('#msg3').text('length='+ $('span').add($('#d')).length);