Comment mettre en surbrillance la ligne et la colonne d'une table lors d'une cellule utilisant jQuery?

Question

J'ai une table 10x10 en html si j'ajoute une fonction pour chaque td hover, comment puis-je obtenir la colonne de la cellule et l'index de la ligne?

Merci.

Answer 1

.index() jQuery Comme d'autres l'ont dit, il peut y avoir une meilleure façon de faire les choses que d'essayer de trouver l'emplacement de la cellule exacte, mais si vous en avez besoin, cela devrait fonctionner:

$("td").hover(function() { 
    var columnIndex = $(this).attr("cellIndex"); 
    var rowIndex = $(this).parent().attr("rowIndex")); 
}); 

Answer 2

Vous auriez pas besoin de connaître la colonne et l'index ligne pour appliquer un effet de vol stationnaire, vous pouvez simplement utiliser la fonction de vol stationnaire

http://docs.jquery.com/Events/hover#overout

Answer 3

Haave un coup d'oeil à ce answer. Si vous l'implémentez vous-même alors pour obtenir la mise en évidence de ligne, utilisez simplement la pseudo classe css :hover ou sautez au parent le plus proche <tr> et appliquez une classe css à la couleur d'arrière-plan aux enfants <td>.

Pour répondre à la façon dont vous obtenez la colonne et index ligne, utilisez la commande