|
Сообщение от Артист
|
|
ищу по классу <TD> таблицы - он уникален,
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
table {
border-collapse: collapse;
}
table td{
width: 100px; height: 100px;
border: 1px solid #000000
}
.red{
background-color: #FF0000;
}
</style>
</head>
<body>
<table >
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<p>1111</p>
<table >
<tr>
<td class="first">first</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<p>1111</p>
<table>
<tr>
<td>next</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<script>
function findNextTable(table)
{
let next;
return Array.from(document.querySelectorAll('table')).find(el => {
if(next) return next;
next = el == table;
})
}
let table = document.querySelector('td.first').closest('table');
let NextTable = findNextTable(table);
if(NextTable) {
let tds = NextTable.querySelectorAll('td');
tds.forEach(td => td.classList.add('red'))
}
</script>
</body>
</html>