通过网上咨询使用这个选择器便很容易的解决。特此记录一下。

下面是主要的代码

js脚本：

复制代码 代码如下:

<script type="text/javascript">

$(document).ready(

function () {

//每隔五行给li加一个样式

$('.article_li li:nth-child(5n)').addClass('liborder');

$('.article_li li:last').addClass('liborder');

}

);

</script>

html代码：

复制代码 代码如下:

<ul>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点物业税:长沙暂不试点</a>

</li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

<li>

<label>

<span>2010-06-12 08:37:59 </span>

</label>

<a href="/a/xinwenzixun/caishuidongtai/20100612/2323.html">物业税:长沙暂不试点</a> </li>

</ul>

具体的用法这里就不写了，大家可以参考

http://www.jb51.net/css/28294.html

http://www.jb51.net/article/23617.htm

效果图如下：

【jquery nth-child()选择器的简单应用】相关文章：

★ JavaSacript中charCodeAt()方法的使用详解

★ jquery判断至少有一个checkbox被选中的方法

★ jquery预加载图片的方法

★ jquery任意位置浮动固定层插件用法实例

★ jQuery实现div随意拖动的实例代码(通用代码)

★ Javascript客户端脚本的设计和应用

★ jQuery处理图片加载失败的常用方法

★ javascript实现简单的省市区三级联动

★ jQuery插件制作之全局函数用法实例

★ JQuery中层次选择器用法实例详解