Question

我有N个html元素。是否可以使用jQuery隐藏N-10底部元素，然后创建一个＆＃34;加载更多＆＃34;按钮显示另外10个元素？

我的意思是当页面加载时，只有10个第一个元素应该是可见的，当我点击＆＃34;加载更多＆＃34;时，20个第一个元素是可见的，当我再次点击时，30个第一个元素元素是可见的等等。

会不会像

$('li').slice(-($('li').length - 10)).hide();

然后

var num_visible = 10;
$('#loadMore').click(function () {
  $('li').slice(num_visible, num_visible + 10).show();
  num_visible += 10;
});

Answer 1

您可能需要添加一些进一步的验证 - 这只是显示了一般的想法 - 针对您的具体用例，但是这样的工作会有用吗？

var currShowing = 10;
changeShowing()
function changeShowing() {
 $('div').each(function(index, value) {
    if (index < currShowing - 1 ) {
      $(this).show();
    } else {
      $(this).hide();
    }
  })   
}

function showMore() {
  currShowing += 10;
  changeShowing();
}

http://codepen.io/mwvanmeurs/pen/VPoORq

客户端分页

1 个答案: