Jquery 在最后一个块中隐藏按钮

Jquery 在最后一个块中隐藏按钮,jquery,html,css,Jquery,Html,Css,我正在尝试创建一个测试页面 在最后一个块中隐藏按钮 我的代码: $(“#测试#u内部测试项”)。每个(功能(e){ 如果(e!=0) $(this.hide(); }); $(“.next btn”)。单击(函数(){ if($(“#测试_内部.测试项:可见”).next().length!=0) $(“#测试#u内部。测试项:可见”).next().show().prev().hide(); 否则{ $(“#测试#u内部。测试项:可见”).hide(); $(“#test#u intern

我正在尝试创建一个测试页面

在最后一个块中隐藏按钮

我的代码:

$(“#测试#u内部测试项”)。每个(功能(e){
如果(e!=0)
$(this.hide();
});
$(“.next btn”)。单击(函数(){
if($(“#测试_内部.测试项:可见”).next().length!=0)
$(“#测试#u内部。测试项:可见”).next().show().prev().hide();
否则{
$(“#测试#u内部。测试项:可见”).hide();
$(“#test#u internal.test item:first”).show();
}
返回false;
});

第一组
第二组
第三组
第四组
第五组
您需要添加:

    if ($("#test_inner .test-item:visible").length == 0)
        $(".next-btn").hide();
以下是您需要添加的工作模式:

    if ($("#test_inner .test-item:visible").length == 0)
        $(".next-btn").hide();

这是一个正在工作的

您可以设置计数器并检查最后一个元素。如果到达最后一个元素,则隐藏按钮

以下是更新的代码:

var i = 0;
$(".next-btn").click(function(){
    i++;
    if(i == 4)
    {
           $(this).hide();
    }
    if ($("#test_inner .test-item:visible").next().length != 0)
        $("#test_inner .test-item:visible").next().show().prev().hide();
    else {
        $("#test_inner .test-item:visible").hide();
        $("#test_inner .test-item:first").show();
    }
    return false;
});

您可以设置计数器并检查最后一个元素。如果到达最后一个元素,则隐藏按钮

以下是更新的代码:

var i = 0;
$(".next-btn").click(function(){
    i++;
    if(i == 4)
    {
           $(this).hide();
    }
    if ($("#test_inner .test-item:visible").next().length != 0)
        $("#test_inner .test-item:visible").next().show().prev().hide();
    else {
        $("#test_inner .test-item:visible").hide();
        $("#test_inner .test-item:first").show();
    }
    return false;
});

})


})

要隐藏哪个块?DIV5???@Yandy_Viera对DIV5是-隐藏BTN您想隐藏哪个区块?DIV5???@Yandy_Viera对DIV5是-隐藏btn