JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <span>
                Content
            </span>
        </td>
    </tr>   
    <tr>
        <td>
            <span>
                Content
            </span>
        </td>
    </tr>   
</table>
<div id="result">
</div>

CSS

body{
    font-size: 10pt;
    font-family: "courier";   
}
.red{
 color:red;   
}

JavaScript

$(document).ready(function(){
   var html = $('body').html(); 
   html = html.replace(/(<td>)/gi, '<td><span class="red">'); 
   html = html.replace(/(<\/td>)/gi, '</span></td>'); 
   $('#result').text(html);
});