获取小区位置

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/