1 回答

TA貢獻1839條經驗 獲得超15個贊
使用 計數 div length?;诖藄how(),hide()你的 div.
let size = $(".ele").length;
let x = parseInt($('.main-wrapper').data('show'));
$('.ele:lt(' + x + ')').show();
$('.load-more').click(function() {
x = (x + 3 <= size) ? x + 3 : size;
$('.ele:lt(' + x + ')').show();
if (x == size) {
$('.load-more').hide();
}
});
.ele {
display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="main-wrapper" data-show="3">
<div class="ele">1</div>
<div class="ele">2</div>
<div class="ele">3</div>
<div class="ele">4</div>
<div class="ele">5</div>
</div>
<button class="load-more">Load more</button>
- 1 回答
- 0 關注
- 119 瀏覽
添加回答
舉報