html 页面中img 标签没有图片时自动隐藏（图片时从数据库里读取的）

[yuhouqingchen2020]

html页面中5个img标签，但是有时候只有前2个或3个有图片，后2个或3个就占位，显示时不好看，想没有图片时自动隐藏img标签，不让它占位，怎么写这个代码
html页面的img标签如下：
<div class="ui-field-contain" data-controltype="textinput">
<img width="100%" border="1" border-color="#8EC7FF" id="gimg23">
</div>
<div class="ui-field-contain" data-controltype="textinput">
<img width="100%" border="1" border-color="#8EC7FF" id="gimg24">
</div>
<div class="ui-field-contain" data-controltype="textinput">
<img width="100%" border="1" border-color="#8EC7FF" id="gimg25">
</div>

[IT油条]

为什么要写死？c标签循环做判断或者js控制不行吗

[NANU-NANA]

我最先想到的也是动态添加

[everccnight]

动态添加 img 标签啊 通过ajax 请求 创建 new Image();更改其路径，加入到指定位置即可

[zjfchinese]

写js判断吧，没有图片就hide掉

[yuhouqingchen2020]

楼上的高手，怎么hide，能写个代码给我吗？感谢

[句号君DoubleLee]

HTML: <img class="preview" style="width:150px;" src="<?=IMG_URL.$cost['cover'].'_s.jpg';?>" hidden="hidden"> JS: if (file.files && file.files[0]) { $("img[class='preview']").removeAttr("hidden"); }else{ $("img[class='preview']").attr("hidden","hidden"); }