开发者社区> 问答> 正文

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

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

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

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

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

展开
收起
a123456678 2016-03-11 13:55:18 2948 0
1 条回答
写回答
取消 提交回答
  • 你可以在拼接之前把需要处理的字符串全部处理好,再进行拼接

    var  _code = _data[i].extInfo || "无" ;
    strcoupon += '<div class="mycoupon">' +
                                    '<div class="reset">' +
                                        '<div class="reset" id="j-coupon">'+
                                            '<img src="'+ coupon.url +'">'+
                                        '</div>'+
                                        '<p class="mypaper">'+ coupon.name +'</p>'+
                                        **'<p class="code">优惠码:' + _code +'</p>'+**
                                        '<div class="uesrule" target="_blank">使用规则'+
                                            '<div class="gamerule f-dn">'+
                                                '<div class="gamerulereset">'+
                                                    '<p>' + coupon.rule + '</p>'+
                                                '</div>'+
                                            '</div>'+
                                        '<div class="ruletriangle f-dn"></div>'+
                                    '</div>'+
                                '</div>'+
                            '</div>';
    2019-07-17 18:59:07
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
JavaScript函数 立即下载
天猫HTML5互动技术实践 立即下载