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.replace('<td>', '<td><span class="red">'); 
       html.replace('</td>', '</td></span>'); 
       $('#result').text(html);
    });