Question

如果数组中保存的指令不超过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方法提供了一个标志选项，用于显示/隐藏元素（https://api.jquery.com/toggle/#toggle-display）

这等效于：

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

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

2 个答案: