隐藏按钮如果数组索引值不到3

Question

如果在数组中保存的3个说明不超过3个说明，我想隐藏一个特定按钮。ValueIndex是我计算所有指令的变量。因此，如果ValueIndex保留少于3个说明，则我想隐藏显示所有按钮。我是JavaScript和jQuery的新手，我希望我能得到的任何指针。

var valueIndex = 0;
$.each(data, function(index){
    valueIndex++
    if(index > 3 ) {
        st += "<tr class='hideItems'><td>"+data[index]+"</td>";
        $(' .show-all ').addClass('new-class');
    }
    else {
        st += "<tr><td>"+data[index]+"</td>";
    }      
}); 
$('.show-all').click(function (event) {
    $(".hideItems").show();
    $(".show-all").hide();
    $(".hide-all").show(); // Lägg till event på show close
    event.stopImmediatePropagation();
});
$('.hide-all').click(function () {
    $(".hideItems").hide();
    $(".show-all").show();
    $(".hide-all").hide();
});
$("#showInstructions").html(st);

Answer 1

循环后，您可以添加：

$(".show-all,.hide-all").toggle(valueIndex >= 3);

jQuery toggle方法提供了一个标志选项

这是：

等效的

if (valueIndex>=3) {
    $(".show-all").show();
    $(".hide-all").show();
} else {
    $(".show-all").hide();
    $(".hide-all").hide();
}

Answer 2

有一个CSS类，例如：

.hide {
    display: none;
}

并给您的按钮在此课程。然后，当达到您的病情时，只需做

$('.button').removeClass('hide');