javascript - 显示最后一个类后隐藏按钮

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 .