JSFiddle - React, Tailwind, and code Playground

by Vaibhav Mehta

HTML

<table id="t33">
    <tbody><tr>
        </tr>
        <tr>
          <th title="System.String">Name</th>
          <th title="System.String">Value</th>
          <th title="LinqTest.CvssSeverity">Severity</th>
        </tr>
        <tr>
          <td>AccessVector</td>
          <td>RemoteNetwork</td>
          <td>High</td>
        </tr>
        <tr>
          <td>AccessComplexity</td>
          <td>High</td>
          <td>Low</td>
        </tr>
        <tr>
          <td>AuthenticationRequired</td>
          <td>None</td>
          <td>High</td>
        </tr>
        <tr>
          <td>ConfidentialityImpact</td>
          <td>Partial</td>
          <td>Medium</td>
        </tr>
        <tr>
          <td>IntegrityImpact</td>
          <td>Partial</td>
          <td>Medium</td>
        </tr>
        <tr>
          <td>AvailabilityImpact</td>
          <td>Partial</td>
          <td>Medium</td>
        </tr>
    </tbody>
</table>

CSS

.highlight {
    color: white;
    background: red;
}

JavaScript

$("#t33 td:nth-of-type(3)").filter(function(i){
    if($(this).text() == "High") {
        $(this).addClass('highlight');
    }
});