对于最后一个块来隐藏按钮

时间:2015-07-31 17:23:48

标签: jquery html css

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

用于隐藏按钮的最后一个块

我的代码:

Fiddle



    $("#test_inner .test-item").each(function(e) {
        if (e != 0)
            $(this).hide();
    });

    $(".next-btn").click(function(){
        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;
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="test_inner">					
    <div class="test-item">DIV1</div>
    <div class="test-item">DIV2</div>
    <div class="test-item">DIV3</div>
    <div class="test-item">DIV4</div>
    <div class="test-item">DIV5</div>
    
    <a href="#" class="next-btn">send</a>
</div>
&#13;
&#13;
&#13;

如果有任何帮助,我将不胜感激。

3 个答案:

答案 0 :(得分:2)

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

以下是更新后的代码:

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;
});

答案 1 :(得分:1)

您需要添加:

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

这是一个有效的JSFiddle

答案 2 :(得分:1)

Try This

#include <stdio.h>
void main(){
int t = 21;
int i;
char *lines[t];
for (i = 0; i < t; i++) {
    lines[i] = malloc(100);
    fgets(lines[i],255,stdin);
}
for (i = 0; i < t; i++) {
    printf("String %d : %s\n",i, lines[i]);
    free(lines[i]);
}
}

})