Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добраться до tr из select. (https://javascript.ru/forum/misc/82502-dobratsya-do-tr-iz-select.html)

repz 17.05.2021 18:06

Добраться до tr из select.
 
Добрый день.
Подскажите, как добраться до <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
Спасибо за помощь.

рони 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 18.05.2021 08:15

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


Часовой пояс GMT +3, время: 08:39.