Question

我使用jQuery .slice()方法来显示和隐藏类的迭代。我遇到的问题是在到达本课程的最后一个孩子时隐藏了一个按钮。

这是小提琴 - https://jsfiddle.net/carbot3000/syq7s06g/5/

我怎样才能隐藏按钮类＆＃39; next＆＃39;在达到上课的最后一个孩子后，回顾＆＃39 ;?您现在已经看到该按钮仅在点击“下一步”后隐藏。再次到达最后一个孩子。

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();`
}

Answer 1

请使用此代码

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。请检查。

jQuery .slice（）限制 - 上一个/下一个按钮隐藏

1 个答案: