Javascript 如何将json解码数据动态显示到ul中

很抱歉，如果以前有人问过这个问题，我似乎找不到答案

下面是我的Json解码数组：

cart_id:1
cart_items:
  1:
    cost:4
    name:"Titleist Pro V1"
    quantity:4
  2:
    cost:1
    name:"Titleist Pro V1x"
    quantity:1

如何使用JQuery或javascript将其动态显示为html？我发现可以使用以下方法显示单个变量：

$result['cart_items']['1']['name'];

这将给我“Titleist Pro V1”作为回报。 我正在与来自各个方面的许多错误作斗争，我觉得代码本身太混乱，无法粘贴到这里。如果有人能告诉我如何使用下一个带有循环或其他内容的粘贴格式将这些数据动态创建为ul，那将是一件令人惊讶的事情

<ul>
  <li> $name x $quantity <br> cost: $cost</li>
  <li> $name x $quantity <br> cost: $cost</li>
</ul>

我需要能够采取任何数量的结果和显示项目及其成本的清单。很抱歉，如果这是一个很大的麻烦，我正在与拉雷维尔斗争的时刻，事情感到非常劳累

---

提前感谢您的帮助

假设您的JSON格式如下

$result = {
  "cart_id" : 1,
  "cart_items": {
      "1": {
        cost:4,
        name:"Titleist Pro V1",
        quantity:4
      },
      "2": {
        cost:1,
        name:"Titleist Pro V1x",
        quantity:1
      }
  }
};

您可以使用jQuery方法循环对象，使用下面的代码生成

var b = "<ul>";

$.each($result['cart_items'], function(property, value) {
  b += "<li>" + value['cost'] * value['quantity'] + "<br/>" + "cost " + value['cost'] + "</li>";
});

b += "</ul>";

$(".container").html(b);

var b=“
”；
$。每个（$result['cart\u items'，函数（属性，值）{
b++=“
”+价值['cost']*价值['quantity']+”
“+“cost”+价值['cost']+”
”；
});
b+=“
”；
$（“.container”）.html（b）；

代码笔：

var b = "<ul>";

$.each($result['cart_items'], function(property, value) {
  b += "<li>" + value['cost'] * value['quantity'] + "<br/>" + "cost " + value['cost'] + "</li>";
});

b += "</ul>";

$(".container").html(b);