Question

我有以下内容，

$("#slider1next").click(function () {
        $(".text:visible").next().show();
    });

当显示最后一个类（.text）时我想隐藏＃slider1next我将如何解决这个问题？

http://jsfiddle.net/ma9ic/U2UZ4/3/

Answer 1

向show()函数添加回调函数，并评估索引：

$("#slider1next").click(function () {
    $(".text:visible").next().show(function() {  
        if($(this).index() == $('.text').length)
        {
            $('#slider1next').hide();
        }
    });
});

请参阅updated jsFiddle。

Answer 2

试试这个：

$("#slider1next").click(function () {
    var $next = $('.text:visible:last').next();
    $next.length ? $next.show() : $(this).hide();
});

Example fiddle

Answer 3

$("#slider1next").click(function () {
$(".text:visible").next().show();
if ($('.text:last').is(':visible')){
    $('#slider1next').hide();
}
});

检查最后一个元素是否可见并隐藏按钮。 http://jsfiddle.net/U2UZ4/12/

Answer 4

您可以检查可见长度是否等于所有文本长度。

http://jsfiddle.net/U2UZ4/6/

$("#slider1next").click(function () {
    if ($(".text:visible").length == $(".text").length) { $(this).hide(); }
    $(".text:visible").next().show();
});

Answer 5

你需要验证在最后一个节目之后是否有下一个div，就像那个

$("#slider1next").click(function () {
    var next = $(".text:visible:last").next();
    console.log(next);
    if (next.length > 0) {
        next.show();
    } else {
        $(this).hide();
    }
});

Answer 6

尝试检查fourth_one是否可见，如果可见隐藏slider1next

    $("#slider1next").click(function () {
    $(".text:visible").next().show();
    if($('#fourth_one').is(':visible'))
    {
        $('#slider1next').hide();
    }
});

以下是jsfiddle

显示上一课后隐藏按钮

6 个答案: