DDim1000,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div class="dat" align="left" style="border: 1px solid #000">
<table width="400" class="MyTab">
<thead>
……
</thead>
<tbody>
<tr>
<td>Таблица 1. Ячейка 1</td>
<td>Таблица 1. Ячейка 2</td><td>Таблица 1. Ячейка 3</td>
<td>Таблица 1. Ячейка 4</td>
</tr>
<tr>
<td>Таблица 1. Ячейка 5</td>
<td>Таблица 1. Ячейка 6</td>
<td>Таблица 1. Ячейка 7</td>
<td >Таблица 1. Ячейка 8</td>
</tr>
</tbody>
</table>
</div>
<div class="dat" align="right" style="border: 1px solid #000">
<table width="400" class="MyTab">
<thead>
……
</thead>
<tbody>
<tr>
<td>Таблица 2. Ячейка 11</td>
<td>Таблица 2. Ячейка 2 </td><td>Таблица 2. Ячейка 3</td>
<td>Таблица 2. Ячейка 4</td>
</tr>
<tr>
<td>Таблица 2. Ячейка 5</td>
<td>Таблица 2. Ячейка 6</td>
<td>Таблица 2. Ячейка 7</td>
<td >Таблица 2. Ячейка 8</td>
</tr>
</tbody>
</table>
</div>
<script>
var tablesTbody = document.querySelectorAll('.MyTab tbody');
tablesTbody.forEach(function(tbody) {
var trs = tbody.querySelectorAll('tr');
trs[0].querySelectorAll('td').forEach(function(_, i) {
trs.forEach(function(tr) {
alert(tr.cells[i].textContent)
});
});
});
</script>
</body>
</html>