我有一些欄位，如果它們為空，我想隱藏它們。我能夠做到這一點：
if (json[0].incendio_edificio == null) {
$("#dIncendio_edificio").parent().parent().hide();
}
if (json[0].hvct_edificio == null) {
$("#dHvct_edificio").parent().parent().hide();
}
if (json[0].granizo_edificio == null) {
$("#dGranizo_edificio").parent().parent().hide();
}
我想要做的是將欄位放在矩陣中并在回圈中執行條件，如下所示：
const campos_poliza = [
[json[0].incendio_edificio, $("#dIncendio_edificio")],
[json[0].hvct_edificio, $("#dHvct_edificio")],
[json[0].granizo_edificio, $("#dGranizo_edificio")],
];
for (var x in campos_poliza){
if (x[0] == null) {
x[1].parent().parent().hide();
}
}
這不會給出任何錯誤，但它一直顯示空欄位。我怎樣才能做到這一點？html是：
<div class="row">
<div class="col s3">
<span class="text-bold text-blue">Incendio Edificio:</span>
</div>
<div class="col s9">
<span id="dIncendio_edificio"></span>
</div>
</div>
<div class="row">
<div class="col s3">
<span class="text-bold text-blue">HVCT Edificio:</span>
</div>
<div class="col s9">
<span id="dHvct_edificio"></span>
</div>
</div>
<div class="row">
<div class="col s3">
<span class="text-bold text-blue">Granizo Edificio:</span>
</div>
<div class="col s9">
<span id="dGranizo_edificio"></span>
</div>
</div>
uj5u.com熱心網友回復：
當您使用for (var x in campos_poliza) ,x是陣列的索引，即 0, 1, 2 ...
這可能是您需要的：
for (var x of campos_poliza) {
if (x[0] == null) {
x[1].parent().parent().hide();
}
}
或者
campos_poliza.forEach(x => {
if (x[0] == null) {
x[1].parent().parent().hide();
}
});
uj5u.com熱心網友回復：
如果存在，為什么不切換
const obj = [{ incendio_edificio:null, hvct_edificio : "not null", granizo_edificio : null }]
Object.entries(obj[0]).forEach(([key,val]) => {
const sel = `#d${key.slice(0,1).toUpperCase()}${key.slice(1)}`;
console.log(key,val,sel)
const $elem = $(sel)
if ($elem) $elem.closest(".row").toggle(val!=null)
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="row">
<div class="col s3">
<span class="text-bold text-blue">Incendio Edificio:</span>
</div>
<div class="col s9">
<span id="dIncendio_edificio"></span>
</div>
</div>
<div class="row">
<div class="col s3">
<span class="text-bold text-blue">HVCT Edificio:</span>
</div>
<div class="col s9">
<span id="dHvct_edificio"></span>
</div>
</div>
<div class="row">
<div class="col s3">
<span class="text-bold text-blue">Granizo Edificio:</span>
</div>
<div class="col s9">
<span id="dGranizo_edificio"></span>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/341332.html
標籤：javascript 查询