Добраться до 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 Спасибо за помощь. |
Цитата:
<!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> |
Спасибо, как всегда.
Ругается на classlist, но работает отлично) |
Часовой пояс GMT +3, время: 08:39. |