クライアント側のページ番号

Question

私はN個のhtml要素を持っています。 jQueryを使用してN - 10の下の要素を非表示にしてから、 "さらに読み込む"ボタンを作成して別の10要素を表示できますか？

私は、ページが読み込まれると最初の10個の要素だけが表示され、「さらに読み込み」をクリックすると最初の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

あなたは、いくつかのさらなる検証を追加する必要があるかもしれません - これは単に一般的なIを示しデア - あなたの特定のユースケースのために、この作品のような何か？

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