javascript 如何实现特效始终只显示规定的内容,其他的内容全部被隐藏?

其实这个筛选特效只要深刻理解jquery的筛选过滤方法slice()就可以实现

 javascript 如何实现特效始终只显示前面的6条内容,其他的内容全部被隐藏?

点击评论加载更多
点击评论加载更多

 

需求分析:

这位网友说“超过6条的评论全部隐藏”,那么我们首选想到的是jquery的slice()方法,slice()方法的语法如下:

slice(start, [end])

start参数

开始选取子集的位置。第一个元素是0.如果是负数,则可以从集合的尾部开始选起。

end参数

结束选取自己的位置,如果不指定,则就是本身的结尾。

 

解决办法:

假设每条评论都用dl标签显示,id="js_MsgLi"评论按钮的id="btn_showMore"

 

  1. $(function(){ 
  2.     $(".js_MsgLi").hide().slice(0,5).show();//默认显示6条评论 
  3.     $("#btn_showMore").click(function(){ 
  4.         $(".js_MsgLi").slice(5).show();//显示第6条后的所有评论 
  5.     }) 
  6. }) 

欢迎留言!

 

相关经验

导读书签
书签初始化中…