Baris tabel dan nomor kolom dalam jQuery

Bagaimana cara mendapatkan nomor baris dan kolom sel tabel yang diklik menggunakan jQuery, yaitu,

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

Anda dapat menggunakan fungsi Inti / indeks dalam konteks yang diberikan, misalnya Anda dapat memeriksa indeks TD pada induknya TR untuk mendapatkan nomor kolom, dan Anda dapat memeriksa indeks TR pada Tabel, untuk mendapatkan nomor baris:

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

Lihat contoh yang sedang berjalan di sini .

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

Dapatkan KOLOM INDEKS di klik:

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

Dapatkan ROW INDEX saat klik:

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

Dari atas kepala saya, salah satu caranya adalah dengan mengambil semua elemen sebelumnya dan menghitungnya.

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

Bisakah Anda menampilkan data itu dalam sel saat Anda membuat tabel?

jadi meja Anda akan terlihat seperti ini:

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

maka itu akan menjadi masalah sederhana

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

lebih baik untuk mengikat penangan klik ke seluruh tabel dan kemudian gunakan event.target untuk mendapatkan TD diklik. Itulah yang bisa saya tambahkan ke sini sebagai 1:20 pagi