浏览列表项

时间:2009-07-08 13:07:33

标签: jquery list navigation

我有以下代码:

var from = 0, step = 5;

function showNext(list) {
  list
    .find('li').hide().end()
    .find('li:lt(' + (from + step) + '):not(li:lt(' + from + '))')
  .show();
  from += step;
}

// show initial set
showNext($('ul'));

// clicking on the 'more' link:
$('#more').click(function(e) {
  e.preventDefault();
  showNext($('ul'));
});

这仅显示5个下一个列表元素。但是,如果我想通过单击“上一个”链接导航到之前的5个项目呢?

1 个答案:

答案 0 :(得分:1)

也许你可以提前为它们编号,

ul id =或li id =,每次点击都会跳过1或5

(应该更快)以及