检查其值长度为0的每个输入类，并将属性显示更改为none

Question

我想检查表中的每个输入类，如果输入的长度为0，则将tr parent的属性设置为none。

我尝试使用此代码，但没有成功：

$('.ewd-otp-input').each(function() {
if( $(this).val().length === 0 ) {
    $(this).closest("tr").css("display", "none");
}
});

HTML结构：

<tbody>
    <tr>
        <th>
            <label for="dni">DNI:</label>
        </th>
        <td>
            <input name="dni" id="ewd-otp-input-1" class="ewd-otp-text-input" type="text" value="6876">
        </td>
    </tr>
    <tr>
        <th>
            <label for="nombre-empresa">Nombre de la empresa:</label>
        </th>
        <td>
            <input name="nombre-empresa" id="ewd-otp-input-2" class="ewd-otp-text-input" type="text" value="pokpo">
        </td>
    </tr>
    <tr>
        <th>
            <label for="cifnif">CIF/NIF:</label>
        </th>
        <td>
            <input name="cifnif" id="ewd-otp-input-3" class="ewd-otp-text-input" type="text" value="">
        </td>
    </tr>
    <tr>
        <th>
            <label for="cv">CV:</label>
        </th>
        <td>
            <input name="cv" class="ewd-otp-file-input" type="file" value="https://www.fundacioncb.es/wp-content/uploads/2019/09/16_RF_Planta-de-distribución-Sup-exposicion_A3.pdf">
            <br>Current File: <a href="https://www.fundacioncb.es/wp-content/uploads/2019/09/16_RF_Planta-de-distribución-Sup-exposicion_A3.pdf" target="blank">Ver archivo</a></td>
    </tr>
</tbody>