Zmiana CSS dla tr w okreslonym czasie, jak zidentyfikowac i "usunac" Opcje

[shpaque]

Temat wydaje sie prosty, mam wyswietlone w tabeli informacje, ktore powinny byc usuwane po pewnym czasie, czyli dodajmy dla <tr> styl "display: none", wyglada to tak:

[HTML] pobierz, plaintext 
var x = setInterval(function() {
var now = new Date();
var timeDifferent = now.setMinutes(now.getHours() - <?php echo (int)$settings -> archiveTime; ?>);
var tableRows = $('#messageBody table tbody tr'); // tutaj wczesniej robilme analogicznie jak ponizej, czyli tr:first i tak dalej, ale nie dzialalo - zreszta po co skupiac sie na pierwszym <t> jak mozna usunac na raz wszystkie ktore nie pasuja
var lastMessageTime = $('#messageBody table tr:last td:last').find('i').html();
 
// Wyłączamy stare wiadomości
var times = $(tableRows).find('td:last i').html().replace('<br>', ' '); // bo czas w niektorych momentach jest rodzielany na date i godzine w nowej linii - to nie ma znaczenia bo ponizszy if dziala dobrze
if (new Date(times).getTime() < timeDifferent) {
  $(times).closest('tr').css('display', 'none');
}
...
[HTML] pobierz, plaintext 

czas wyswietlany jest w <tr><td>...</td><td><i>2021-11-30<br>23:12:22</i></td> (lub jesli dzien jest ten sam to pole <td><i>... przyjmuje tylko godzine)
czyli jesli czas 'wiadomosci' jest mniejszy niz czas obecny - 12 godzin, to wylaczam wszystkie <tr> w ktorych ten czas jest "zaprzeszly"