Как добавить запятую между двумя элементами span, созданными динамически

Question

Im пытается добавить разделитель между моими 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 элемента. если для «продукта» имеется более двух значений, им нужно разделить их запятой.

Любые идеи, как я могу это достичь?

Answer 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(', '); 
     } 

(я использовал запятую и пробел между элементами, которые, как правило, хорошо выглядит.)