una - Número de fila y columna de la tabla en jQuery

recorrer filas de una tabla jquery

Question

¿Cómo obtengo el número de fila y columna de la celda de la tabla cliqueada usando jQuery, es decir,

$("td").onClick(function(event){
   var row = ...
   var col = ...
});

Answer 1

¿Puedes generar esos datos en las celdas mientras creas la tabla?

para que tu mesa se vea así:

<table>
  <thead>...</thead>
  <tbody>
    <tr><td data-row=''1'' data-column=''1''>value</td>
      <td data-row=''1'' data-column=''2''>value</td>
      <td data-row=''1'' data-column=''3''>value</td></tr>

  <tbody>
</table>

entonces sería una cuestión simple

$("td").click(function(event) {
   var row = $(this).attr("data-row");
   var col = $(this).attr("data-col");
}

Answer 2

Fuera de mi cabeza, una forma sería tomar todos los elementos anteriores y contarlos.

$(''td'').click(function(){ 
    var colIndex = $(this).prevAll().length;
    var rowIndex = $(this).parent(''tr'').prevAll().length;
});

Answer 3

Obtenga COLUMN INDEX al hacer clic:

$(this).closest("td").index();

Obtenga ROW INDEX al hacer clic:

$(this).closest("tr").index();

Answer 4

Puede usar la función Core/index en un contexto dado, por ejemplo, puede verificar el índice del TD en su TR padre para obtener el número de columna, y puede verificar el índice TR en la tabla, para obtener el número de fila:

$(''td'').click(function(){
  var col = $(this).parent().children().index($(this));
  var row = $(this).parent().parent().children().index($(this).parent());
  alert(''Row: '' + row + '', Column: '' + col);
});

Verifique un ejemplo en ejecución here .

Answer 5

es mejor vincular un controlador de clics a toda la tabla y luego usar event.target para obtener el TD pulsado. Eso es todo lo que puedo agregar a esto como su 1:20 a.m.

Answer 6

$(''td'').click(function() {
    var myCol = $(this).index();
    var $tr = $(this).closest(''tr'');
    var myRow = $tr.index();
});