Tomar valor de una fila al dar click en un ícono
Publicado por Jhon (6 intervenciones) el 05/07/2023 21:31:17
Hola, tengo una tabla que tiene un par de íconos en cada fila, al darle click a un ícono, cómo hago para tomar el valor de esa fila?
Lo que he intentado con jquery:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<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>
Lo que he intentado con jquery:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$("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(); undefinedlet 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();
});
Valora esta pregunta
0
