Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Finding the location of a TD in a table

So let's say I have a table, and I want to manipulate a specific <td> in it:

HTML:

<table>
    <tr><td>1</td> <td>2</td></tr>
    <tr><td>3</td> <td>4</td></tr>
    <tr><td id="hi">5</td> <td>6</td></tr>
</table>

Javascript:

document.getElementsByTagName("table")[0].rows[2].cells[0];

This will help me REACH a specific cell in a table.


My question is this:

Say I have a specific <td> inside a table:

var td = document.getElementById("hi")

I want to KNOW its location in the table, so I can be able to reach it using table.rows[x].cells[y] How can I check this location?

like image 464
frrlod Avatar asked Dec 05 '22 11:12

frrlod


1 Answers

I'd suggest, as you imply you know which specific cell you want to find, though currently untested:

var td = document.getElementById("hi"),
    col = td.cellIndex,
    row = td.parentNode.rowIndex;
like image 127
David Thomas Avatar answered Dec 24 '22 12:12

David Thomas