javascript - 如果值为零，如何创建一个类来禁用按钮

Question

我有以下按钮，它们为它们提供以下值:

$("#btnProduction").html('<span class="BtnsStyleText">Production (kWh):</span></br></br><span class="BtnsStyleValue">' + result[0].Production + '</span>');
$("#btnAvailability").html('<span class="BtnsStyleText">Availability (%):</span></br></br><span class="BtnsStyleValue">' + result[0].Availability + '</span>');
$("#btnCategoryA").html('<span class="BtnsStyleText">Category A Disabled Errors:</span></br></br><span class="BtnsStyleValue">' + result[0].ErrorDisabled + '</span>');
$("#btnFailedBatt").html('<span class="BtnsStyleText">Failed Battery Test:</span></br></br><span class="BtnsStyleValue">' + result[0].FailedBattery + '</span>');
$("#btnPowerConv").html('<span class="BtnsStyleText">Power Converter OFF:</span></br></br><span class="BtnsStyleValue">' + result[0].PowerConv + '</span>');

“结果”包含数字，可能是 0,1，...当我根据其顶部的数字单击此按钮时，会在网格和图表中为我提供更多信息，现在我想要的是如果值为零，则使它们不可点击，我可以使用:

$("buttons").attr("disabled", true)

但是我应该一一创建条件，然后随着页面的增长它会变得困惑

Answer 1

尝试使用 each method 。这可以循环遍历具有“BtnsStyleValue”类的所有元素。然后在每个方法中，您可以放置​​一个条件来检查该值是否等于 0。如果是，则禁用按钮。

$('.BtnsStyleValue').each(function(){ 
    if($(this).text() == '0'){
        $(this).parents('button').prop("disabled", true);
    }
});