JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content" id="content" style="display: block;">
<p></p><p align="center"><strong><u><font size="5" face="Arial Black" color="#990000">ONE
NICE</font></u></strong></p><p align="center"><strong><font size="5" face="Windings"  
color="#000040">MICHELIN</font></strong></p><p align="center"><strong><font size="5" 
color="#000040">ENERGY MXV4 S8</font></strong></p><p align="center"><strong><font size="5" 
face="Arial Black">215/55/17</font><font size="5" face="Arial, Helvetica, sans-serif">
<br>93V</font></strong></p><p align="center"><font face="Arial Black"><strong><font 
color="#990000"><u>CONDITION</u> :</font></strong><br></font><font size="2" face="Arial, 
Helvetica, sans-serif"><strong>Approximate tread: 8-9/32<br>About 80-90% of tread life 
left</strong></font></p><p></p></div>

JavaScript

$(function () {
   var conditionElem = $('font');
    conditionElem = $.grep(conditionElem, function (e, i){
       return $(e).find('u').text() === "CONDITION"; 
    });
    console.log(conditionElem);
    var description = $(conditionElem).next().text();
    console.log(description);
});