Numer wiersza i kolumny tabeli w jQuery

Jak uzyskać numer wiersza i kolumny klikniętej komórki tabeli za pomocą jQuery, tj.

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

Możesz użyć funkcji Core / index w danym kontekście, na przykład możesz sprawdzić indeks TD w jego macierzystym TR, aby uzyskać numer kolumny, i możesz sprawdzić indeks TR w tabeli, aby uzyskać numer wiersza:

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

Sprawdź uruchomioną przykład tutaj .

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

Pobierz COLUMN INDEX po kliknięciu:

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

Uzyskaj ROW INDEX po kliknięciu:

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

Jednym ze sposobów byłoby złapanie wszystkich poprzednich elementów i policzenie ich.

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

Czy możesz umieścić te dane w komórkach podczas tworzenia tabeli?

więc twój stół wyglądałby tak:

<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>

wtedy byłaby to prosta sprawa

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

lepiej jest powiązać procedurę obsługi kliknięcia z całą tabelą, a następnie użyć zdarzenia event.target, aby uzyskać kliknięty TD. To wszystko, co mogę dodać do tego, ponieważ jest 1:20 rano