Selecting a cell in an HTML table with jQuery
I wanted to get (and set) a cell value in a table using jQuery, selecting it by row and column index (its x and y position in the table, if you like). Frustratingly, I couldn’t find a simple one-liner to do it: I could find code that gets all the cells, or get them by ID (but I don’t want to have to make explicit IDs for each cell of my table), or get all the values in a given column (close, and did lead me in the right direction).
So here’s two similar ways to select a given cell, where row and col are my x, y positions, and my_table is the ID of the table:
$(‘#my_table tr:eq(‘+row+’) td’).eq(col)
and
$(‘#my_table tbody tr:eq(‘+row+’) td:eq(‘+col+’)’)
Leave a Reply
Want to join the discussion?Feel free to contribute!