1

1ページに20のdivがあり、そのうちの4つが最初に表示され、下部にさらにリンクが表示されます。[その他]リンクをクリックすると、最終的にすべてのdivが表示されるまで、次の4つのdivが表示されます。

唯一の注意点は、divの量が設定されることは決してなく、5、20、または102の数が静的または既知ではない可能性があることです。

ソリューションにAJAXを使用できないため、ページにすべてのコンテンツを配置し、表示リストに一度に4つのdivを追加することが回避策です。

誰かがこれを行うプラグインを知っているか、解決策を持っていますか？

4

1 に答える 1

2

セレクターを使用:lt し:hiddenて、最初の4つの非表示のdiv要素を選択できます。

$('#your-button').click(function(){
   $('.divs:hidden:lt(4)').show()
})

http://jsfiddle.net/LyTbn/

slice次の方法も使用できます。

$('div:hidden').slice(0, 4).show()
于 2012-11-12T05:06:20.623 に答える