使用 jQuery 按索引獲取 td

Question

我知道如何使用 jQuery 獲取單元格的行和列索引，但我無法弄清楚相反的情況。 給定行和列索引，我將如何訪問此位置的 td？

Answer 1

使用普通 JavaScript：

// table is a reference to your table
table.rows[rowIndex].cells[columnIndex]

參考： HTMLTableElement ， HTMLTableRowElement

---

對於 jQuery，您可以使用.eq() ：

$('#table tr').eq(rowIndex).find('td').eq(columnIndex)
// or
$('#table tr:eq(' + rowIndex + ') td:eq(' + columnIndex + ')')

Answer 2

使用nth-child選擇器怎么樣？

http://api.jquery.com/nth-child-selector/

var row = 4;
var col = 2

var cell = $('table#tableId tr:nth-child(' + row + ') td:nth-child(' + col + ')');

請注意，子索引是從 1 開始的，而不是更常見的從 0 開始的。

Answer 3

您可以使用:eq選擇器：

var row = 1;
var col = 2;
var cell = $('table tr:eq(' + row + ') td:eq(' + col + ')');

這是一個實際的例子