Comment puis-je obtenir l'en-tête de table correspondant (th) à partir d'une cellule de table (td)?

Question

Étant donné le tableau suivant, comment puis-je obtenir l'en-tête de tableau correspondant pour chaque élément td?

 <table>
    <thead> 
        <tr>
            <th id="name">Name</th>
            <th id="address">Address</th>
        </tr>
    </thead> 
    <tbody>
        <tr>
            <td>Bob</td>
            <td>1 High Street</td>
        </tr>
    </tbody>
</table>
 

Étant donné que l'un des éléments td déjà disponible, comment puis-je trouver l'élément th ?

 var $td = IveGotThisCovered();
var $th = GetTableHeader($td);
 

Answer 1

 var $th = $td.closest('tbody').prev('thead').find('> tr > th:eq(' + $td.index() + ')');
 

Ou un peu simplifié

 var $th = $td.closest('table').find('th').eq($td.index());
 

Answer 2

 var $th = $("table thead tr th").eq($td.index())
 

Il serait préférable d'utiliser un identifiant pour référencer la table s'il y en a plusieurs.

Answer 3

Vous pouvez le faire en utilisant l'index du td:

 var tdIndex = $td.index() + 1;
var $th = $('#table tr').find('th:nth-child(' + tdIndex + ')');