jQuery .slice() 限制- prev/next 按钮隐藏

Question

我正在使用 jQuery .slice() 方法来显示和隐藏 class 的迭代。我遇到的问题是在到达最后一个 child 这个 class.

时隐藏了一个按钮

这是 fiddle - https://jsfiddle.net/carbot3000/syq7s06g/5/

如何在到达 class 'review' 的最后 child 时隐藏按钮 class 'next'？您现在会看到，只有在到达最后一个 child.

后再次单击 'next' 后，该按钮才会隐藏

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() 限制- prev/next 按钮隐藏

jQuery .slice() limitation- prev/next button hide

jquery

button

slice