Как получить index строки и ячейки в таблице при клике?

Question

[Ilya Bobkov]

Как получить index строки и ячейки в таблице при клике?

Answer 1

[Mikhail Osher]

plnkr.co/edit/pkNfg1Ek4FNdMH5Wlgk7?p=preview

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

Answer 2

[coderisimo]

тынц

Answer 3

[amr_now]

Для таблицы с id="tab":

document.addEventListener("DOMContentLoaded", () => {
            let tab = document.getElementById("tab");
            tab.onclick = e => {
                let cell = e.target;
                let row = cell.parentElement;
                let rows = row.parentElement.children;
                for (var i = 0; i < rows.length; ++i) {
                    if (rows[i] === row) {
                        break;
                    }
                }
                let columns = row.children;
                for (var j = 0; j < columns.length; ++j) {
                    if (columns[j] === cell) {
                        break;
                    }
                }
                alert('Row: ' + i + ', Column: ' + j);
            };
        });