tengo la siguiente tabla:

 <table border="1" cellpadding="5" class="test"> <tr> <td id="1" data-value="50">aaa</td> <td id="2" data-value="60">bbb</td> <td id="3" data-value="70">cc</td> </tr> <tr> <td id="4" data-value="80">ddd</td> <td id="5" data-value="90">eee</td> <td id="6" data-value="100">fff</td> </tr> <tr> <td id="7" data-value="110">ggg</td> <td id="8" data-value="120">hhh</td> <td id="9" data-value="130">iii</td> </tr> </table>

Mi secuencia de comandos permite que pueda seleccionar solo una celda de la tabla por fila y columna. Las celdas de la tabla seleccionadas obtienen una clase "seleccionada" al hacer clic.

Ahora necesito el "valor de datos" de las celdas de la tabla seleccionadas que deben almacenarse dentro de una matriz. Por lo tanto, probé el método del map , pero solo obtengo una matriz vacía como resultado.

Este es el script y el JS Fiddle :

 $(document).on("click", ".test td", function() { let index = $(this).index()+1; $(this) .closest('table') .find('tr>td:nth-child('+index+')') .removeClass('selected'); var col1 = $(this).addClass('selected').text(); var arr = $('.selected').map(function () { return this.value }).get(); console.log(arr); });