Jquery, obtenez columname lorsque vous cliquez sur une cellule

Question

Comment puis-je obtenir le nom d'une colonne avec Jquery quand une cellule est cliquée?

Answer 1

HI,

S'il vous plaît jeter un oeil à this.

Je ne sais pas si c'est la bonne réponse pour vous ou non. Ceci est juste un échantillon que j'ai fait. S'il vous plait corrigez moi si je me trompe.

Answer 2

Vous pouvez le faire en obtenant l'index de la cellule, puis en obtenant le texte de l'en-tête avec le même index.

J'ai téléchargé une démo ici:

http://jsfiddle.net/Sohnee/DNxTz/23/

Le jQuery ressemble à ceci:

$("td").click(function(){ 
    var $This = $(this); 
    var col = $This.parent().children().index($(this)); 
    var title = $This.closest("table").find("th").eq(col).text(); 
    alert(title); 
}); 

Et repose sur une structure de table appropriée ....

<table> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Address</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Steve</td> 
      <td>UK Somewhere</td> 
     </tr> 
     <tr> 
      <td>Scott</td> 
      <td>USA Somewhere</td> 
     </tr> 
    </tbody> 
</table> 

Note: légende, tfoot et al, omis des trucs facultatifs peuvent tous être ajoutés et le sc ript fonctionne toujours.

http://www.w3.org/TR/html401/struct/tables.html