Добраться до 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, время: 05:20. |