Javascript 如果值为零，如何创建禁用按钮的类

我有以下按钮，可根据以下要求为其提供值：

$("#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>');

---

但是我应该一个接一个地创建条件，然后当页面增长循环通过所有按钮时，它会变得混乱

var结果=[{
制作：10，
供应量：5，
已禁用错误：0，
电池故障：0，
PowerConv:2
}];
$（“#btnProduction”）.html（'Production（kWh）：

'+结果[0]。Production+”）；
$（“#btnavaailability”）.html（'可用性（%）：

'+结果[0]。可用性+''；
$（“#btnCategoryA”）.html（'A类禁用错误：

'+结果[0]。错误禁用+”）；
$（“#btnFailedBatt”）.html（'电池测试失败：

'+结果[0]。电池测试失败+''）；
$（“#btnPowerConv”）.html（'电源转换器关闭：

'+结果[0].PowerConv+”）；
$（'button'）。每个（函数（）{
if（$（this）.find（'.BtnsStyleValue'）.text（）==0）
$（this.prop（'disabled'，true）；
});
使用循环浏览所有按钮


var结果=[{
制作：10，
供应量：5，
已禁用错误：0，
电池故障：0，
PowerConv:2
}];
$（“#btnProduction”）.html（'Production（kWh）：

'+结果[0]。Production+”）；
$（“#btnavaailability”）.html（'可用性（%）：

'+结果[0]。可用性+''；
$（“#btnCategoryA”）.html（'A类禁用错误：

'+结果[0]。错误禁用+”）；
$（“#btnFailedBatt”）.html（'电池测试失败：

'+结果[0]。电池测试失败+''）；
$（“#btnPowerConv”）.html（'电源转换器关闭：

'+结果[0].PowerConv+”）；
$（'button'）。每个（函数（）{
if（$（this）.find（'.BtnsStyleValue'）.text（）==0）
$（this.prop（'disabled'，true）；
});

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

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

试着用一种新的方法。这可以通过类“BtnsStyleValue”遍历所有元素。然后在each方法中，您可以放置一个条件来检查该值是否等于0。如果是，禁用按钮

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

在两个答案中建议使用for循环，但它会很慢，并且会占用内存。相反，你可以这样做。使用三元运算符，您可以决定是否要禁用该按钮

您只需添加
.prop（“已禁用”，结果[0]。生产==0）？true:false）在每行前面


var结果=[{
制作:5,，
供应量：3，
已禁用错误：0，
电池故障：10，
PowerConv:0
}];
$（“#btnProduction”）.html（'Production（kWh）：

'+结果[0]。Production+''）.prop（“disabled”，（结果[0]。Production==0）？true:false）；
$（“#btnavaailability”）.html（'可用性（%）：

'+结果[0]。可用性+''）.prop（“已禁用”），（结果[0]。可用性==0）？true:false；
$（“#btnCategoryA”）.html（'Category A Disabled Errors:

'+结果[0]。ErrorDisabled+''）.prop（“Disabled”，（结果[0]。ErrorDisabled==0）？true:false）；
$（“#btnFailedBatt”）.html（'电池测试失败：

'+结果[0]。电池测试失败+''）.prop（“已禁用”），（结果[0]。电池测试失败==0）？真：假）；
$（“#btnPowerConv”）.html（'powerconverter OFF:

'+结果[0]。PowerConv+''）.prop（“disabled”，（结果[0]。PowerConv==0）？true:false）
在两个答案中建议使用for循环，但它会很慢，并且会占用内存。相反，你可以这样做。使用三元运算符，您可以决定是否要禁用该按钮

您只需添加
.prop（“已禁用”，结果[0]。生产==0）？true:false）在每行前面


var结果=[{
制作:5,，
供应量：3，
已禁用错误：0，
电池故障：10，
PowerConv:0
}];
$（“#btnProduction”）.html（'Production（kWh）：

'+结果[0]。Production+''）.prop（“disabled”，（结果[0]。Production==0）？true:false）；
$（“#btnavaailability”）.html（'可用性（%）：

'+结果[0]。可用性+''）.prop（“已禁用”），（结果[0]。可用性==0）？true:false；
$（“#btnCategoryA”）.html（'Category A Disabled Errors:

'+结果[0]。ErrorDisabled+''）.prop（“Disabled”，（结果[0]。ErrorDisabled==0）？true:false）；
$（“#btnFailedBatt”）.html（'电池测试失败：

'+结果[0]。电池测试失败+''）.prop（“已禁用”），（结果[0]。电池测试失败==0）？真：假）；
$（“#btnPowerConv”）.html（'powerconverter OFF:

'+结果[0]。PowerConv+''）.prop（“disabled”，（结果[0]。PowerConv==0）？true:false）

请发布一个最小、完整和可验证的示例请发布一个最小、完整和可验证的示例