Get Cell Location

dom, html-table, javascript

Solution

In the handler, `this` is the table cell, so for the cell index do this:

var cellIndex  = this.cellIndex + 1;  // the + 1 is to give a 1 based index

and for the row index, do this:

var rowIndex = this.parentNode.rowIndex + 1;

Example: http://jsfiddle.net/fwZTc/1/

Problem

So I have this table, and when I click on a `td` I would like to know where is that(which row and cell) without any attributes on the elements. ``` <table> <tbody> <tr> <td>1</td> <td>2</td> // If I click on this I would like to know tr:1 & td:2 <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </tbody> </table> ``` Javascript: ``` // Track onclicks on all td elements var table = document.getElementsByTagName("table")[0]; var cells = table.getElementsByTagName("td"); // for(var i = 1; i < cells.length; i++){ // Cell Object var cell = cells[i]; // Track with onclick cell.onclick = function(){ // Track my location; // example: I'm in table row 1 and I'm the 2th cell of this row } } ```

Original source