JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td class="lvl-0">1</td><tr>
    <tr><td class="lvl-1">2</td><tr>
    <tr><td class="lvl-2">3</td><tr>
    <tr><td class="lvl-2">4</td><tr>
    <tr><td class="lvl-2">5</td><tr>
    <tr><td class="lvl-1">6</td><tr>
    <tr><td class="lvl-2">7</td><tr>
    <tr><td class="lvl-2">8</td><tr>
    <tr><td class="lvl-2">9</td><tr>
    <tr><td class="lvl-1">10</td><tr>
    <tr><td class="lvl-2">11</td><tr>
    <tr><td class="lvl-2">12</td><tr>
    <tr><td class="lvl-2">13</td><tr>
    <tr><td class="lvl-3">14</td><tr>
    <tr><td class="lvl-4">15</td><tr>
    <tr><td class="lvl-4" id="selected">16</td><tr>
    <tr><td class="lvl-3">17</td><tr>
    <tr><td class="lvl-1">18</td><tr>
    <tr><td class="lvl-2">19</td><tr>
    <tr><td class="lvl-2">20</td><tr>
    <tr><td class="lvl-2">21</td><tr>
</table>

CSS

.lvl-0 { padding-left: 10px; }
.lvl-1 { padding-left: 30px; }
.lvl-2 { padding-left: 50px; }
.lvl-3 { padding-left: 70px; }
.lvl-4 { padding-left: 90px; }
.lvl-5 { padding-left: 110px; }
body {
    color: #ffffff;
    background: #000000;
}

JavaScript

var ss = [];

var i = jQuery('#selected');
var ilvl = parseInt(i.attr('class').replace('lvl-', ''));

for(var lvl = ilvl; lvl <= 5; lvl++){
    ss.push('td.lvl-'+lvl);
}

var ul = jQuery('table').find(ss.join(',')).closest('tr');
var pa = i.parent('tr').prevAll('tr').not(ul);

i.css('backgroundColor', 'green');
pa.css('backgroundColor', 'blue');