JSFiddle - React, Tailwind, and code Playground

HTML

<table>
        <tr class="menu">
            <td><input type='text' class='parent' value='First Parent'></td>  
        </tr>
        <tr class="submenu">
            <td><input type='text' class='child' value='First Child'></td>
        </tr>
        <tr class="submenu">
            <td><input type='text' class='child' value='Second Child'></td>
        </tr>   
        <tr  class="menu">
            <td><input type='text' class='parent' value='Second Parent'></td>  </tr>
        <tr class="submenu">
            <td><input type='text' class='child' value='First Child'></td>
        </tr>
    </table>

JavaScript

$("input.child").parent().parent().each(function(){
    var $this = $(this),
        $target = $this.prev();
    while(!$target.hasClass('menu')){
        $target = $target.prev();
    }
    $target.children("td").children("input").css("background-color","yellow");
});