HTML
<ul id="samp1">
<li>サンプルリスト1</li>
<li>サンプルリスト2</li>
<li>サンプルリスト3</li>
<li>サンプルリスト4</li>
<li>サンプルリスト5</li>
<li>サンプルリスト6</li>
<li>サンプルリスト7</li>
<li>サンプルリスト8</li>
<li>サンプルリスト9</li>
<li>サンプルリスト10</li>
</ul>
CSS
.odd{
background-color: #e60012;
color: #ffffff;
}
.even{
background-color: #ffffff;
color: #e60012;
}
Script
$(function(){
$('li:nth-child(odd)').addClass('odd');
$('li:nth-child(even)').addClass('even');
});
Demo
- サンプルリスト1
- サンプルリスト2
- サンプルリスト3
- サンプルリスト4
- サンプルリスト5
- サンプルリスト6
- サンプルリスト7
- サンプルリスト8
- サンプルリスト9
- サンプルリスト10