Question

我有一个HTML表格，我需要使用jQuery获取单击的单元格的参数。我该怎么做？

我需要获得第3行，第4列。这是我到目前为止所拥有的

var tr = $(this).parent();
for (var i = 0; i < tr.children().length; i++) {
    if (tr.children().get(i) == this) {
        var row = i + 1;
        break;
    }
}

Answer 1

你可以这样做：

$('td').click(function(){
   var tr = $(this).closest('tr');
    var column = $(this).index()+1;
    var row = tr.index()+1;
    alert("you clicked row:"+row+" column:"+column);
});

在这里摆弄：http://jsfiddle.net/YA6WY/

Answer 2

您可以分别访问cellIndex和rowIndex的{{1}}和<td>属性。非常简单：

<tr>

工作演示：http://jsfiddle.net/AndyE/T4u93/

使用$('table').delegate('td', 'click', function (evt) { var td = evt.target, row = td.parentNode.rowIndex; col = td.cellIndex; alert("Row: "+row+", Column: "+col); });绑定事件处理程序可以通过向delegate()元素添加单个事件来提高性能，从而捕获单元格上的所有点击。 <table>为我们提供了生成点击的元素（在这种情况下为event.target元素）。

rowIndex property, DOM Level 1 - w3.org
cellIndex property, DOM Level 1 - w3.org

一种获取表格参数的方法

2 个答案: