Getting td by index with jQuery

javascript jquery html indexing html-table

With plain JavaScript:

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

Reference: HTMLTableElement, HTMLTableRowElement

With jQuery, you could use .eq():

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

javascript jquery html indexing html-table

How about using the nth-child selector?

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

Note that the child index is 1-based, rather than the more usual 0-based.

javascript jquery html indexing html-table

You can use the :eq selector:

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

CodeHunter