Форум

repz · #1 (**permalink**) 17.05.2021, 18:06

Добрый день.
Подскажите, как добраться до <tr>.

Есть код html:

<tr id="tr_PR456">
<td width="60%" class="adm-detail-content-cell-r">
<select name="" size="1">
<option value="" selected="">(нет)</option>
<option value="7823">заполнено</option>
</select>
</td></tr>
<tr id="tr_PR3457"><td width="60%" class="adm-detail-content-cell-r">
<select name="]" size="1">
<option value="" selected="">(нет)</option>
<option value="7822">заполнено1</option>
</select>
</td></tr>
<tr id="tr_PR235"><td width="60%" class="adm-detail-content-cell-r">
<select name="" size="1">
<option value="" >(нет)</option>
<option value="4581" selected>заполнено2</option>
</select>
</td></tr>

Написал код:

var elems = document.querySelectorAll('option:checked');

[].forEach.call(elems, function(el) {
if (el.innerText == "(нет)") 
{
//el.style.display = "";
console.log("нашел");
}
});

Как добраться до <tr>, что бы присвоить <style="display:none"> - ?

Пробовал

var v = el.closest(".adm-detail-content-cell-r");
console.log(v);

Возвращает null
Спасибо за помощь.

рони · #2 (**permalink**) 17.05.2021, 18:54

Сообщение от repz

Как добраться до <tr>, что бы присвоить <style="display:none"> - ?

<!DOCTYPE html>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        .hide {
            display: none;
        }
    </style>

</head>

<body>
    <table>
        <tr id="tr_PR456">
            <td width="60%" class="adm-detail-content-cell-r">
                <select name="" size="1">
                    <option value="" selected="">(нет)</option>
                    <option value="7823">заполнено</option>
                </select>
            </td>
        </tr>
        <tr id="tr_PR3457">
            <td width="60%" class="adm-detail-content-cell-r">
                <select name="]" size="1">
                    <option value="" selected="">(нет)</option>
                    <option value="7822">заполнено1</option>
                </select>
            </td>
        </tr>
        <tr id="tr_PR235">
            <td width="60%" class="adm-detail-content-cell-r">
                <select name="" size="1">
                    <option value="">(нет)</option>
                    <option value="4581" selected>заполнено2</option>
                </select>
            </td>
        </tr>
    </table>
    <script>
        var elems = document.querySelectorAll('option:checked');
        elems.forEach(option => option.text.includes('нет') && option.closest('tr').classList.add('hide'))
    </script>
</body>

</html>

repz · #3 (**permalink**) 18.05.2021, 08:15

Спасибо, как всегда.
Ругается на classlist, но работает отлично)

Форум

Справочник

Discord чат

Курсы javascript