JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
    <td>      Lorem ipsum 1  
    </td>
</tr>
<tr>
    <td>     Lorem ipsum 2   
    </td>
</tr>
<tr>
    <td>    Lorem ipsum 3    
    </td>
</tr>
<tr style="display: none;">
    <td>        Lorem ipsum 4
    </td>
</tr>
</table>

CSS

.red {
    color: red;
}

JavaScript

var $rows = $('td');
var $rowsReverse = $($rows.get().reverse());

var $lastVisibleIndex = -1;
$rowsReverse.each(function(index) {
    if ($lastVisibleIndex == -1 && $(this).is(':visible')) {
        $lastVisibleIndex = $rowsReverse.length - index - 1;
    }
});

$rows.each(function(index) {
    var $row = $(this);
    if (index == $lastVisibleIndex) {            
        $row.addClass('red');
    }
});