首页 前端知识 js或jquery判断字段为空不显示图片img

js或jquery判断字段为空不显示图片img

2024-05-31 19:05:21 前端知识 前端哥 772 271 我要收藏

判断图片是否有值去显示图片或不显示

注意:图片img 的属性alt一定不能有值,不然你写值就是src属性没值也会显示alt里的内容
用三元表达式直接判断是否为空就行了
// 注意这里是es6模板字符串写法${}
<img ${item.imageUrl? `src="${item.imageUrl}"` : ''} class='images' alt="">

img

let result = objResult.pResult // 取要渲染的数据
        console.log('result==',result,result[0])

        let strResult = ''
        result.forEach((item,idx) => { // 循环拼接字符串
            let str = `
                <tr>
                    <td style='color: blue;cursor: pointer;' class='brand brand_${idx}'>${item.brand}</td>
                    <td>${item.source}</td>
                    <td>${item.status}</td>
                    <td>${item.holder}</td>
                    <td>${item.holderCountry}</td>
                    <td>${item.numberId}</td>
                    <td>${item.appDate}</td>
                    <td>${item.niceCl}</td>
                    <td>
                        <img ${item.imageUrl? `src="${item.imageUrl}"` : ''} class='images' alt="">
                    </td>
                </tr>
                `
            strResult += str
        })
转载请注明出处或者链接地址:https://www.qianduange.cn//article/10172.html
标签
评论
发布的文章

JSON&yaml和Properties

2024-06-06 10:06:54

JavaScript中的JSON.stringify()

2024-06-06 10:06:52

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!