Comment mettre en surbrillance un enregistrement de ligne de tableau au survol avec jQuery
jQuery est livré avec un événement de sourishover() pour permettre d'attacher deux gestionnaires d'événements aux éléments correspondants, exécuté lorsque la souris entre et quitte les éléments correspondants.
$("#id").hover(A, B);
-
A - fonction à appeler lorsque la souris entre dans l'élément correspondant.
-
B - fonction à appeler lorsque la souris quitte l'élément correspondant.
Il s'agit d'une meilleure fonction pour mettre en surbrillance un enregistrement de ligne de tableau. Voir le code d'extrait jQuery:
$("tr").not(':first').hover(
function () {
$(this).css("background","yellow");
},
function () {
$(this).css("background","");
}
);
Il mettra en surbrillance l'enregistrement de la ligne du tableau au survol, avec une couleur jaune. Le «.not(‘:first’)» est une implémentation courante pour éviter de mettre en évidence l'enregistrement de la ligne d'en-tête.
Essayez-le vous-même
Highlight table row record on hover - jQuery
| No | Name | Age | Salary |
|---|---|---|---|
| 1 | Yong Mook Kim | 28 | $100,000 |
| 2 | Low Yin Fong | 29 | $90,000 |
| 3 | Ah Pig | 18 | $50,000 |
| 4 | Ah Dog | 28 | $40,000 |
| 5 | Ah Cat | 28 | $30,000 |