lay ui 动态赋值

第一种

<tr>
    <td><span class="table-title">商品ID:</span><span class="table-content"
                                                    id="commodity_commodityId"></span>
    </td>
    <td><span class="table-title">商品URL:</span>
        <a id="showCommodityDetailHref" href="javascript:void(0)" onclick="showCommodityDetail()"><span class="table-content" id="commodity_commodityURL"></span></a>
    </td>
</tr>

$.each($('.table-content'), function (index, value) {
    var id = $(this).attr('id');
    if ("commodity" === id.split("_")[0]) {
        $('#' + id).html(data[id.split("_")[1]] ? data[id.split("_")[1]] : '-');
    }
});

第二种

<div class="topleft">
    <div class="leftimg">
        <img src="" width="100px" height="100px" id='wxQrUrl' class="wechatData">
    </div>
    <div class="leftcontect">
        <div class="lineheight">
            <span class="name wechatData" id="wxName" style="font-size: 15px;"></span>
            <span class="username wechatData" id="wxCode" style="font-size: 12px;"></span>
            <div class="wechatData" id="wxType" style="display: inline-block;font-size: 12px;background-color: #FFB136;color: white;padding:2.5px;border-radius:5px;"></div>
            <#--<span>
                <a href="" style="width: 100px;" onclick="return false">
                    <img src="" alt="" class="smallImg wechatData" id="wxQrUrl" width="20px">
                </a>
            </span>-->
        </div>

        <div class="lineheight" style="font-size: 12px;">
            <span>账号主体：</span><span class="wechatData" id="companyName" style="cursor:pointer;color: #0494cc;"></span>&nbsp;
            <span>同主体公众号</span><span id="count">0</span>个
        </div>
    </div>
</div>

$.each($('.wechatData'), function(){
    var id = $(this).attr('id');
    if($(this).prop("tagName") == "IMG"){
        $(this).attr('src', result[id])
    }else if(id == "wxType"){
        switch(result[id]){
            case "0":
                $(this).text("未知")
                break
            case '1':
                $(this).text("订阅号")
                break
            case '2':
                $(this).text("服务号")
                break
            case '3':
                $(this).text("企业号")
                break
            case '':
                $(this).text("")
                $(this).css('padding', '0')
                break
        }
    }else{ 
    if(!result[id]){
            $(this).text("-")
        }else{
            $(this).text(result[id])
        }
        var wxAuthTimeStr = result.wxAuthTimeStr;
        if(wxAuthTimeStr){
            var wxName = result.wxName;
            var summary = '';
            if(wxName){
                summary = wxAuthTimeStr + '\xa0'+'"'+wxName+'"';
            }else{
                var wxCode = result.wxCode;
                if(result.wxCode){
                    summary = wxAuthTimeStr + '\xa0'+'"'+wxCode+'"';
                }
            }
            $('.auth-record').text(summary+'\xa0'+'账号进行认证');
        }
    }
});