I have a simple table, where I have set IDs for headers and IDs for rows. Given an ID for both, I need to find a corresponding cell at the intersection of those two.
Example:
<table id="tablica">
<thead>
<th id="bla">Bla</th>
<th id="bli">Bli</th>
<th id="blu">Blu</th>
</thead>
<tbody>
<tr id="jedan">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr id="dva">
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr id="tri">
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</tbody>
</table>
So if I have id="bli" and id="dva", that means I want to do something with cell having value 5 in this example.
edit: There are a lot of correct answers, I upvoted all of them, but unfortunately I can only choose one as correct.
Here is my solution:
var column = $('#bli').index();
var cell = $('#dva').find('td').eq(column);
And working example on jsfiddle: http://jsfiddle.net/t8nWf/2/
added all in a function:
function getCell(column, row) {
var column = $('#' + column).index();
var row = $('#' + row)
return row.find('td').eq(column);
}
Working example: http://jsfiddle.net/t8nWf/5/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With