javascript - js拼接字符串生成html中可以给中间的变量加逻辑吗-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - js拼接字符串生成html中可以给中间的变量加逻辑吗

巴扎黑 2017-04-11 09:23:19

[JavaScript讨论组]

559

我在字符串拼接的过程中有一个简单的逻辑需要判断，但是加入到字符串中会导致后面的字符串无法拼接直接被忽略

strcoupon += '' +
                                '
' +
                                    '
'+
                                        ''+
                                    ''+
                                    ''+ coupon.name +''+
                                    **'优惠码:' + _data[i].extInfo || "无" +''+**
                                    '使用规则'+
                                        '
'+
                                            '
'+
                                                '
' + coupon.rule + ''+
                                            ''+
                                        ''+
                                    ''+
                                ''+
                            ''+
                        '
';

优惠码:' + _data[i].extInfo || "无" +'

'+这行代码即为加逻辑的代码我试过'无'，在后面加数字，都不可以，只要加上 ||之后后面的字符串就被忽略了
我还试过三元运算符可是会出现奇怪的东西就是我所有的字符串都不见了只有data[i].extInfo这个值可以显示出来
求救！！！！

巴扎黑

全部回复(4)

PHPz2017-04-11 09:25:19 4楼

用括号括起来

赞 +0

添加回复

迷茫2017-04-11 09:25:19 3楼

你可以在拼接之前把需要处理的字符串全部处理好，再进行拼接

var  _code = _data[i].extInfo || "无" ;
strcoupon += '<p class="mycoupon">' +
                                '<p class="reset">' +
                                    '<p class="reset" id="j-coupon">'+
                                        '<img src="'+ coupon.url +'">'+
                                    '</p>'+
                                    '<p class="mypaper">'+ coupon.name +'</p>'+
                                    **'<p class="code">优惠码:' + _code +'</p>'+**
                                    '<p class="uesrule" target="_blank">使用规则'+
                                        '<p class="gamerule f-dn">'+
                                            '<p class="gamerulereset">'+
                                                '<p>' + coupon.rule + '</p>'+
                                            '</p>'+
                                        '</p>'+
                                    '<p class="ruletriangle f-dn"></p>'+
                                '</p>'+
                            '</p>'+
                        '</p>';

赞 +0

添加回复