Comment créer un effet de tableau Zebra Stripes avec jQuery
Voici un exemple simple pour montrer comment créer un effet de tableau Zebra Stripes avec jQuery.
jQuery Zebra Stripes
| ID | Fruit | Price |
|---|---|---|
| 1 | Apple | 0.60 |
| 2 | Orange | 0.50 |
| 3 | Banana | 0.10 |
| 4 | strawberry | 0.05 |
| 5 | carrot | 0.10 |
Dans jQuery, l'effet de zébrures de table est obtenu avec une seule instruction.
$(function() {
$("table tr:nth-child(even)").addClass("striped");
});
P.S nième enfant (pair) »). addClass (« striped ») = chaque ligne paire ajoute dynamiquement la classe CSS« striped ».