JSFiddle - React, Tailwind, and code Playground

HTML

<div class="CodeRay">
    <div class="code">
        <pre>
<h3 class="no">   1</h3> require <span class="s"><span class="dl">'</span><span class="k">yaml</span><span class="dl">'</span></span>

<span class="no">   2</span> require <span class="s"><span class="dl">'</span><span class="k">set</span><span class="dl">'</span></span>

<span class="no">   3</span> 

<span class="no">   4</span> <span class="r">module</span> <span class="cl">ActiveRecord</span> <span class="c">#:nodoc:</span>

<span class="no">   5</span>   <span class="c"># Generic Active Record exception class.</span>

<span class="no">   6</span>   <span class="r">class</span> <span class="cl">ActiveRecordError</span> &lt; <span class="co">StandardError</span>

<span class="no">   7</span>   <span class="r">end</span>

<span class="no">   8</span>

</pre>
    </div>
</div>

JavaScript

$(function() {
    $('span').not('.no,.c,.r,.pc').click(function() {
        $(this).prev('.no').effect('highlight', {}, 'slow');
    });
});