[jQuery]テーブルやリストの背景色を１行おきに変える
2011年10月27日
◎Javascriptの記述
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#itemlist li:even').addClass('even');
$('#itemlist li:odd').addClass('odd');
});
</script>
◎HTMLソース
<ul id="menu" > <li>メニュー１（奇数の列）</li> <li>メニュー２（偶数の列）</li> <li>メニュー３（奇数の列）</li> <li>メニュー４（偶数の列）</li> <li>メニュー５（奇数の列）</li> </ul>
◎CSSソース
#menu li.odd { background-color: #e6e6e6; }
#menu li.even { background-color: #fff; }
⇒jQueryはこちらから入手。
