jquery - 選択3人のグループで

Question

私は<li>3つのグループで選択しようとしていますが、現在使用していて:gt、これが:lt好きです

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

これは問題ありませんが、もっと良い方法があるようです。ボタンをクリックして次の3つを選択したいだけです<li>。

Answer 1

試す

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/のデモ

Answer 2

nextUntilも試すことができます：

$('.events_list li:eq(3)').nextUntil('.events_list li:eq(7)').css('display', 'block');

Answer 3

jQuery("ul li").filter(function(index,el){return index>3 && index<7}).css('display', 'block');

これを試して。