如何找到最後一個div是可見的？

Question

我有在30周的div我在加載時最後一個div我想禁用NEXT按鈕 我嘗試下面的代碼

if ($(".collapsible").last().is(':visible')){ 
    alert("dsfsd"); 
} 

或

if ($(".collapsible").last().css('display') === 'block'){ 
     alert("dsfsd"); 
    } 

一次裝入10構建30問題但不工作任何人都可以幫助我。

Answer 1

您可以比較每一次收縮元件可見塌縮元件的長度你加載它們：

if ($(".collapsible:visible").length==$(".collapsible").length){ 
    alert("dsfsd");//hide next button 
} 

Answer 2

那麼，你的代碼似乎適合我。我唯一的建議是檢查你把你的if語句，它應該是下方的顯示功能..

JS：

$("input").click(function(){ 
    $("div:visible").last().next().show(); 
    //make sure you check after showing the div 
    if($("div").last().is(":visible")){ 
     $(this).hide(); 
    } 
}); 

這裏是你FIDDLE ..

Answer 3

請有看下面的代碼。它可以幫助你。我也做了分頁。只隱藏最後一頁上的下一個按鈕。

var total = $('.question').length; 
var show = 10; 
var start = 1; 

for(var i=0; i<total; i++) { 
    if(i == show) break; 
    $('.question').eq(i).show(); 
} 

$('.next').click(function(e){ 
    e.preventDefault(); 
    var start1 = show * start; start++; 
    nextPage(start1, show); 
}); 

function nextPage(start, limit) { 
    for(var i=0, j=start; start<total; i++, j++) { 
     if(i == show) break; 
     $('.question').eq(j).show(); //show only 10 questions in the current page 
     $('.question').eq((j-show)).hide(); //hide all other questions 
     if(j=== total) 
     $('.next').hide(); //hide button with class "next" 
    } 
}