jquery - 以3组为一组选择<li>

我试图以3为一组选择<li>，目前我正在使用:gt和:lt这样

 $('.events_list li:lt(7):gt(3)').css('display', 'block');

可以，但是似乎有更好的方法。我只想单击一个按钮，然后选择下3个<li>。

最佳答案

尝试

var triplet = 0;

$('button').click(function(){
    $('.events_list li')
        .hide() // hide the ones that are visible
        .filter(function(i){
            return i >= triplet*3 && i < (triplet+1)*3; // filter the next 3
        })
        .show(); // and show them

    triplet++;
});

http://jsfiddle.net/PyEhU/上的演示