Jquery 如何查找可见的最后一个div?
我有30个问题,这是在30个div中构建的,我每次加载10个,当它加载最后一个div时,我想禁用“下一步”按钮 我尝试了以下代码Jquery 如何查找可见的最后一个div?,jquery,html,Jquery,Html,我有30个问题,这是在30个div中构建的,我每次加载10个,当它加载最后一个div时,我想禁用“下一步”按钮 我尝试了以下代码 if ($(".collapsible").last().is(':visible')){ alert("dsfsd"); } 或 但是没有人可以帮我。您可以在每次加载可见可折叠图元时将其长度与可折叠图元进行比较: if ($(".collapsible:visible").length==$(".collapsible").length){
if ($(".collapsible").last().is(':visible')){
alert("dsfsd");
}
或
但是没有人可以帮我。您可以在每次加载可见可折叠图元时将其长度与可折叠图元进行比较:
if ($(".collapsible:visible").length==$(".collapsible").length){
alert("dsfsd");//hide next button
}
嗯,你的代码似乎适合我。我唯一的建议是检查你把if语句放在哪里,它应该在你的显示函数下面 JS:
这是给你的礼物 请查看下面的代码。这可能对你有帮助。我也做了分页。仅在最后一页上隐藏“下一步”按钮
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"
}
}
var-total=$('.question').length;
var=10;
var start=1;
对于(var i=0;i考虑发布所有相关代码。这取决于您的html,您需要显示html请提供相关代码的SO代码片段,以更好地帮助您。这里有一个简单的分页示例,您可以遵循hey jogesh_pi,非常感谢这是我想要的。我不能给它硬编码,因为我可以增加Q数量,但从中得到了解决方案提琴谢谢你的帮助help@nikita:请参阅更新的代码。
$("input").click(function(){
$("div:visible").last().next().show();
//make sure you check after showing the div
if($("div").last().is(":visible")){
$(this).hide();
}
});
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"
}
}