JavaScript - Obtener valor de una tabla

<div class="mt-5">

			<table class="w-full ">

				<thead class="bg-blue-700">

					<tr>

						<th class=" rounded-tl-lg text-stone-50 py-4 text-sm font-bold">

							Código

						</th>

						<th class="text-stone-50 py-4 text-sm font-bold">Detalle</th>

						<th class="rounded-tr-lg text-stone-50 py-4 text-sm font-bold w-1/6">

							Acciones

						</th>

					</tr>

				</thead>

				<tbody class="divide-y divide-slate-200 border-b rounded-b-lg">

					<?php

					if($maquina17->count()==0){

				?>

					<tr>

						<td colspan="3" class="border rounded-br-lg py-4 text-center">No hay registros para mostrar</td>

					</tr>

					<?php

					}else{

						foreach($maquina17 as $mmaquina17){

				?>

					<tr class="border">

						<td class="py-4 text-sm text-gray-400 text-center">

							<?php echo $mmaquina17->getUnitie(); ?>

						</td>

						<td class="py-4 text-sm text-gray-700 text-center">

							<?php echo $mmaquina17->getNombre(); ?>

						</td>

						<td>

							<div class="pl-6 flex flex-row">

								<div>

									<i class="bx bx-edit bx-sm text-xl text-gray-600 ml-2 align-middle editIcon"></i>

								</div>

								<div class="pl-6">

									<i class="bx bx-trash bx-sm text-red-600 red-icon text-xl ml-2 align-middle trashIcon"></i>

									<!-- <input type="hidden" id="hiddenTrashIcon" name="hiddenTrashIcon" value="'.$_SESSION["id"].'">							  							 -->

								</div>

							</div>

						</td>

					</tr>

					<?php

						}

					}

				?>

				</tbody>

			</table>

		</div>

$("table > tbody > tr > td > div > div > i").click(function(e) {

        //let primeraColumna = $(e.target).closest('tr').find('td:first').text(); muestra algo raro

        //let primeraColumna = $(e.target).closest('tr').find('td:first').val(); no muestra nada

        //let primeraColumna = $(e.target).closest('tr').parents("tr").find("td").eq(0).html(); undefined

        let primeraColumna = $(e.target).closest('tr').parents("tr").find('td:first').val(); undefined

        alert(primeraColumna);

      });

    $('.trashIcon').click(() => {

        // tableData = $('table tbody')[0].val();

        //tableData = $(this).parents("tr").find("td").eq(0).html(); undefined

        //tableData = $(this).find("td").eq(0).html(); undefined

        //tableData = $(this).parents("td").eq(0).html(); undefined

        //tableData = $(this).find('td:eq(0)').html(); undefined

        //tableData = $('#tabla tbody tr').children(':first').html(); undefined

        //alert(tableData);

		eliminar();

	});

let primeraColumna = $(e.target).closest('tr').find('td:first').text();