JSFiddle - React, Tailwind, and code Playground

by scaillerie

HTML

<table>
    <tr>
        <td>6</td>
        <td>4</td>
        <td>5</td>
        <td>7</td>
        <td>9</td>
        <td>7</td>
    </tr>
    <tr>
        <td>6</td>
        <td>5</td>
        <td>6</td>
        <td>4</td>
        <td>5</td>
        <td>8</td>
    </tr>
    <tr>
        <td>6</td>
        <td>5</td>
        <td>7</td>
        <td>2</td>
        <td>7</td>
        <td>2</td>
    </tr>
</table>

CSS

.red {
    color: red;
}

JavaScript

$.extend($.expr[':'], {
    gtchild: function (elem) {
        var $elem = $(elem),
            $row = $elem.parent();
        return $row.find("td").index($elem) > 3 && $elem.text() > 6;
    }
});

$("td:gtchild").addClass("red");