javascript - 获取手机位置

Question

所以我有这个表，当我点击一个 td 时，我想知道它在哪里(哪一行和哪一个单元格)，而元素没有任何属性。

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

Answer 1

在处理程序中，this 是表格单元格，因此对于单元格索引，请执行以下操作:

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

对于行索引，这样做:

var rowIndex = this.parentNode.rowIndex + 1;

示例: http://jsfiddle.net/fwZTc/1/