Javascript 如果数组索引值小于3，则隐藏按钮

如果数组中保存的指令不超过3条，我想隐藏某个按钮。Valueindex是一个我计算所有指令的变量。所以，如果valueIndex包含的指令少于3条，我想隐藏show all和hide all按钮。我是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);

var-valueIndex=0；
$。每个（数据、函数（索引）{
价值指数++
如果（索引>3）{
st++=“数据[索引]+”；
$（'.show all'）.addClass（'new-class'）；
}
否则{
st++=“数据[索引]+”；
}      
}); 
$（'.show all'）。单击（函数（事件）{
$（“.hideItems”）.show（）；
$（“.show all”）.hide（）；
$（“.hide all”）.show（）；//Lägg直到事件påshow关闭
事件。stopImmediatePropagation（）；
});
$（'.hide all'）。单击（函数（）{
$（“.hideItems”）.hide（）；
$（“.show all”）.show（）；
$（“.hide all”）.hide（）；
});
$（“#showInstructions”）.html（st）；

在循环之后，您可以添加：

$(".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();
}

有一个css类，如：

.hide {
    display: none;
}

在这节课上给你扣子。然后，当你的条件达到时，简单地做

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