Как создать табличный эффект Zebra Stripes с помощью jQuery

Вот простой пример, показывающий, как создать табличный эффект Zebra Stripes с помощью jQuery.

ID
Fruit
Price


1
Apple
0.60


2
Orange
0.50


3
Banana
0.10


4
strawberry
0.05


5
carrot
0.10

В jQuery эффект полосатых зебр достигается одним утверждением.

$(function() {
$("table tr:nth-child(even)").addClass("striped");
});

PS nth-child (even) »). AddClass (« striped ») = каждая четная строка добавляет« полосатый »класс CSS динамически.

Попробуйте Демо JQuery