Показать сообщение отдельно
  #4 (permalink)  
Старый 27.01.2021, 13:54
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,701

<style>
td.text-left{
	border: blue 1px solid;
}
td:nth-child(2n){
	color: red;
}
td.text-left:nth-child(2n){
	background-color: yellow;
}
</style>
<body>
<table>
<tbody>
	<tr>
		<td class=text-left>bbb11</td>
		<td class=text-left>aaa12</td>
		<td>bbb13</td>
		<td>bbb14</td>
	</tr>
	<tr>
		<td>bbb21</td>
		<td>bbb22</td>
		<td class=text-left>bbb23</td>
		<td class=text-left>aaa24<td>
	</tr>
	<tr>
		<td class=text-left>bbb31</td>
		<td class=text-left>aaa32</td>
		<td class=text-left>bbb33</td>
		<td>bbb34</td>
	</tr>
	<tr>
		<td class=text-left>bbb41</td>
		<td class=text-left>aaa42</td>
		<td class=text-left>bbb43</td>
		<td class=text-left>aaa44</td>
	</tr>
</tbody>
</table>
<br><br>
<div id=text><div>
<script>
let str = '';
document.querySelectorAll('tbody td.text-left:nth-child(2n)').forEach(cell => str+=cell.textContent);
console.log(str)
document.getElementById('text').textContent = str
</script>
</body>

Берет текст ячеек с классом text-left из столбцов 2 и 4 (нумерация с 1)

Последний раз редактировалось voraa, 27.01.2021 в 14:06.
Ответить с цитированием