如何在动态创建的2个span元素之间添加逗号

时间:2014-09-19 21:42:47

标签: jquery

我试图在我的2个<span>元素之间添加分隔符。这是我的代码:

mRender: function (data, type, obj) {
                var returnVal = "";
                _.each(obj.qaccess, function(item, index){

                    returnVal += "<span class='_product'>" + item["product"] + "</span>";

                });
                return returnVal;
            }

obj.qaccess会返回此信息:

postalCode: "95035"
qaccess: [{product:aa, status:enabled, roleIdentifiers:[], permissionIdentifiers:[]},…]
    0: {product:aa, status:enabled, roleIdentifiers:[], permissionIdentifiers:[]}
    permissionIdentifiers: []
    product: "aa"
    roleIdentifiers: []
    status: "enabled"
    1: {product:bb, status:Active, roleIdentifiers:[], permissionIdentifiers:[]}
    permissionIdentifiers: []
    product: "bb"
    roleIdentifiers: []
    status: "Active"
sfAccountId: null

我正在尝试获取item['product']元素中的span值。如果'product'有两个以上的值,我希望用逗号分隔它们。

任何想法我如何实现这一目标?

1 个答案:

答案 0 :(得分:1)

将文本放入数组中,并用逗号连接:

mRender: function (data, type, obj) {
            var returnVal = [];
            _.each(obj.qaccess, function(item, index){

                returnVal.push("<span class='_product'>" + item["product"] + "</span>");

            });
            return returnVal.join(', ');
        }

(我在项目之间使用逗号和空格,通常看起来不错。)