Simple application of jquery nth-child () selector _jquery

Using this selector via online consulting is easy to solve. I hereby record.
Here's the main code
JS script:

Copy Code code as follows:

<script type= "Text/javascript" >
$ (document). Ready (
function () {
Add a style to Li every five elements
$ ('. Article_li li:nth-child (5n) '). addclass (' Liborder ');
$ ('. Article_li li:last '). addclass (' Liborder ');
}
);
</script>

HTML code:

Copy Code code as follows:

<ul class= "Article_li" >
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot property tax: Changsha temporary not pilot </a>
</li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
<li>
<label class= "Datename" >
<span>2010-06-12 08:37:59 </span>
</label>
<a href= "/a/xinwenzixun/caishuidongtai/20100612/2323.html" > Property Tax: Changsha temporary not pilot </a> </li>
</ul>

The specific usage here is not written, we can refer to
Http://www.jb51.net/css/28294.html
Http://www.jb51.net/article/23617.htm
The effect chart is as follows: