jQueryを使用してテーブルゼブラストライプエフェクトを作成する方法
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 |
jQueryでは、テーブルゼブラストライプ効果は1つのステートメントで実現されます。
$(function() {
$("table tr:nth-child(even)").addClass("striped");
});
P.S nth-child（even）”）。addClass（“ striped”）=すべての偶数行が「ストライプ」CSSクラスを動的に追加します。