JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mbox">Block One</div>
<div class="mbox">Block Two</div>
<div class="mbox">Block Three</div>
<div class="mbox">Block Four</div>

<div id="outige"></div>

JavaScript

var i, $mvar = $('.mbox'); // using the $ prefix to use the "jQuery wrapped var" convention

function logit( string )
{
    var text = document.createTextNode( string );
    $('#outige').append(text);
    $('#outige').append("<br>");
}

logit($mvar.length);

logit("");
logit("What's in $mvar.html()?");
logit($mvar.html());
logit("See? There's only one entry's worth here.");
logit("");

logit("To get all four, we have to iterate.");
for (i=0; i<$mvar.length; i++)    {
    logit($mvar.eq(i).html());
}