JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.5.1.js" type="text/javascript"></script>
<script type="text/javascript">
    var $a = jQuery.noConflict(true);
</script>
<script src="http://code.jquery.com/jquery-1.5.1.js" type="text/javascript"></script>
<script type="text/javascript">
    var $b = jQuery.noConflict(true);
</script>

<div class="test">
    <a>Test</a>
</div>
    
<div id="results">
    <div id="t1">
        <span class="eval">$a('.test a')</span>: 
        found <span class="result"></span>, 
        expected <span class="expected">1</span>
    </div>
    <div id="t2">
        <span class="eval">$b('.evil a')</span>: 
        found <span class="result"></span>, 
        expected <span class="expected">0</span>
    </div>
    <div id="t3">
        <span class="eval">$b('.evil a')</span>: 
        found <span class="result"></span>, 
        expected <span class="expected">0</span>
    </div>
</div>

CSS

.test { display: none; }
#results { font-family: monospace; }
.pass { color: green; }
.fail { color: red; }

JavaScript

$a('#results').children().each(function() {
    var $this = $a(this);
    var result = eval($this.find('.eval').text()).length;
    $this.find('.result').text(result);
    
    if (result == $this.find('.expected').text()) {
        $this.addClass('pass');
    } else {
        $this.addClass('fail');
    }
});