最近一周在做中文站搜索礼品widget的需求,这个需求中有一个分页的功能;具体demo可以参见下图:对应的js应用文件是同一个,页面中后面的offer数据已经埋好了,只是启用了css display:none样式把后面的offer元素隐藏了。按照传统的一般做法,用jQuery可写成如下:大家发现没有,在向后翻页的代码中,无论最后一页只有1条offer,2条offer,还是全部3条offer,我都用同样的代码,不做任何判断这3条语句连续调用。这要感谢jQuery的包装函数产生的juery对象,如果elemIndex>=$.length,$.eq返回的是一个空jquery元素对象,虽然它没有对应到DOM中的元素,但它还是一个jQuery对象,因此调用.css()方法不会出错,虽然页面没有任何变化效果;

jQuery教程 $()包装函数来实现数组元素分页效果

jQuery教程 $()包装函数来实现数组元素分页效果