Alex Rivera | Logout

Find table cell knowing row and column ids with jQuery

Asked 2012-04-23T09:28:42.303
14

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.

Edit
Report

1 Answer

1

This will get you the TD element you want as a jQuery object:

var thIndex = $( '#tablica #bli' ).index (); // get index of TH in thead
var $td = $( $( '#dva td' ).get ( thIndex ) ); // get the TD in the target TR on the same index as is in the thead

JSFiddle example

answered 2012-04-23T09:39:46.867

Your Answer