jQuery .slice()限制-上一页/下一页按钮隐藏
jQuery .slice()限制-上一页/下一页按钮隐藏
提问于 2016-09-05 19:36:49
我使用jQuery .slice()方法来显示和隐藏类的迭代。我遇到的问题是在这个班级的最后一个孩子面前隐藏了一个按钮。
这里是小提琴- https://jsfiddle.net/carbot3000/syq7s06g/5/
我如何隐藏按钮类‘下一步’到达类‘复习’的最后一个子类？你现在就会看到，这个按钮只有在到达最后一个子节点时再次单击“下一步”后才会隐藏。
if (start + x < size_li) {
rvwList.slice(start, start + x).hide();
start += x;
rvwList.slice(start, start + x).show();
} else if (start + x >= size_li) {
$('.next').hide();`
}回答 1
Stack Overflow用户
回答已采纳
发布于 2016-09-05 20:18:26
请使用此代码
var rvwList = $("#areaall .review").hide();
rvwList.slice(0, 2).show();
var size_li = rvwList.length;
var x = 2;
start = 0;
function showHide(){
if ( $("#areaall div").last().text().trim() == $(".review div:visible").last().text().trim())
{
$('.next').hide();
}
else if ($("#areaall div").first().text().trim() == $(".review:visible div").first().text().trim()) {
$('.prev').hide();
}
}
$('.next').click(function() {
$('.prev').show();
rvwList.slice(start, start + x).hide();
start += x;
rvwList.slice(start, start + x).show();
showHide();
console.log('size_li is:' + size_li);
console.log('start is:' + start);
console.log('start is:' + end);
});
$('.prev').click(function() {
$('.next').show();
rvwList.slice(start, start + x).hide();
start -= x;
rvwList.slice(start, start + x).show();
showHide();
});我已经更新了你的Fiddle。请查收。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39336703
复制相关文章
相似问题
腾讯云开发者
