JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<table cellspacing="0" cellpadding="0" border="0" class="thePrices">
    <tbody><tr>
        <td>
            <font class="text colors_text">
                <b>MSRP: <span class="priceis">$90.00</span></b>
            </font><br>
            <b><font class="pricecolor colors_productprice">
                <font class="text colors_text"><b>Burkett Price:</b></font>
                <span class="priceis">$289<sup>.99</sup></span>
                </font>
            </b><br>
            <a href="a link">A link goes here</a>
            <table>A TABLE WITH STUFF GOES HERE</table>
        </td>
        </tr></tbody>
</table>

CSS

.pricebox{
    border:solid 1px black;
}

JavaScript

$('.thePrices').find('td').children().first().nextUntil('a').andSelf().wrapAll('<div class="pricebox"></div>');