jQuery .slice（）制限 - 前/次ボタン非表示

Question

私はクラスの反復を表示したり隠したりするために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();` 
} 

Answer 1

私はあなたのFiddleを更新しました。このコード

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

を使用してください。チェックしてください。