Jquery 如何使其在新行中显示

我从后端得到这样的回应

{
    "toppings": [
        {
            "name": "Quantity1",
            "value": [
                "HoneywithChocolateSauce10ML",
                "HoneywithCarmel20ML",
                "HoneywithCarmel10ML"
            ]
        }
    ]
}

我正在以下面的方式解析它，并动态地形成HTML

else if(toppins.length >= 0)
{
var uitaghtml = '<ul>';
for (var d = 0; d < toppins.length; d++) {
 var uitaghtml = '<ul>' +
             '<li>' + toppins[d].value + '</li>' +
            '</ul>';

itemcart ='<div class="order-listdetails-wrap"> 
                    <div class="orderTitle">'+itemname+'</div> 
                    <div class="orderCont"> 
                        <div class="img"><img src="'+image+'"/></div> 
                        <div class="orderPrice"> 
                            <p>Qty: <span>1</span></p> 
                             ' + uitaghtml + '</ul> 
                        </div> 
                    </div> 
                </div>';


                divhtml.append(itemcart);
    }
}

else如果（toppins.length>=0）
{
var uitaghtml=“
”；
对于（var d=0；d”+toppins[d]。值+””+
“
”；
itemcart=
“+itemname+”
数量：1
“+uitaghtml+”
';
append（itemcart）；
}
}

在上面的例子中，HTML是这样显示的

{
    "toppings": [
        {
            "name": "Quantity1",
            "value": [
                "HoneywithChocolateSauce10ML",
                "HoneywithCarmel20ML",
                "HoneywithCarmel10ML"
            ]
        }
    ]
}

如何将逗号分隔的值依次显示而不是逗号分隔的值

---

您需要循环浏览以下值：

for (var d = 0; d < toppins.length; d++) {
    var uitaghtml = '<ul>';
    for (var v = 0; v < toppins[d].value.length; v++) {
        uitaghtml += '<li>' + toppins[d].value[v] + '</li>' +
    }
    uitaghtml += '</ul>';

    // ... 
}

<代码>for（var d=0；d”； 对于（var v=0；v'+ } uitaghtml+=''； // ... }

---

您正在打印数据的

值

属性，但该属性是一个数组。您应该迭代它。我在这里使用jQuery完成了这项工作：

var uitaghtml = '<ul>';
$.each(toppins[d].value, function(i, text) { 
     uitaghtml += "<li>" + text + "</li>";
});
uitaghtml += "</ul>";

var-uitaghtml='
'；
$.each（toppins[d]。值，函数（i，text）{
uitaghtml+=“
”+文本+“
”；
});
uitaghtml+=“
”；

您还可以考虑使用JavaScript模板库，或者帮助您从源代码中获取HTML。p> 试试这个

var x={
"toppings": [
    {
        "name": "Quantity1",
        "value": [
            "HoneywithChocolateSauce10ML",
            "HoneywithCarmel20ML",
            "HoneywithCarmel10ML"
        ]
    }
]
};


 $.each(x.toppings[0].value,function(i,v){
      var uitaghtml = '<li>' + v + '</li>';
     console.log(uitaghtml);
 });

var x={
“浇头”：[
{
“名称”：“数量1”，
“价值”：[
“蜂蜜加巧克力酱10ml”，
“蜂蜜加卡梅尔20ml”，
“蜂蜜加卡梅尔10ml”
]
}
]
};
$.each（x.toppings[0]。值，函数（i，v）{
var uitaghtml='
'+v+'
'；
console.log（uitaghtml）；
});