[HolySong]

<table>
	<thead>
		<tr>
			<td>Ячейка 1</td>
			<td>Ячейка 2</td>
			<td>Ячейка 3</td>
		</tr>
	</thead>
        <tbody>
		<tr>
			<td>Ячейка 4</td>
			<td>Ячейка 5</td>
			<td>Ячейка 6</td>
		</tr>
		<tr>
			<td>Ячейка 7</td>
			<td>Ячейка 8</td>
			<td>Ячейка 9</td>
		</tr>
	</tbody>
    </table>

Была вот такая таблица
https://monosnap.com/file/uL2JnN5bTZ...jHFtWEsXmZVP76
НА мобильной версии хотят чтобы заголовки были напротив каждой td
https://monosnap.com/file/hcjTNhaEAK...9mo8ynTidRC7pz
Я решил взять значения thead tr td и продублировать в tbody tr td (аттрибут)
чтобы в дальнейшем использовать :before и вывести на мобильной версии
Хочу чтобы получилось вот так
https://monosnap.com/file/9vcNEcVpjF...6xDTWIXeeP5blJ

Я уже собрал thead tr td в массив
но как теперь проставить это все в нужное место? (для каждого td)

var array = [];
 
$('thead tr').each(function(){
	var array_row = [];

	$(this).find('td').each(function(){
		array_row.push($(this).text());
	});
	array.push(array_row);
});