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
.txtBold{
font-weight: bold;
}
.txtRed{
color: #ff0000;
}
.txtBlue{
color: #0000ff;
}
.txtUnder{
text-decoration: underline;
}
.txtBig{
font-size:122%;
}
Script
$(function(){
$('li').addClass('txtBold');
$('li:first-child').addClass('txtRed');
$('li:gt(5)').addClass('txtBlue');
$('li:lt(3)').addClass('txtUnder');
$('li:contains("5")').addClass('txtBig');
$('li:last-child').removeClass();
});
Demo
- サンプルリスト1
- サンプルリスト2
- サンプルリスト3
- サンプルリスト4
- サンプルリスト5
- サンプルリスト6
- サンプルリスト7
- サンプルリスト8
- サンプルリスト9
- サンプルリスト10