Javascript 未在jquery中追加所需的输出

我有以下代码（非常不完整），我希望最终成为使用jquery的购物车

      $(document).ready(function () {
                "use strict";
            // Download the content
            var head = $("<h1>Aisan Market</h1>");
        var dl = $("<dl>");
            $("body")
                .append(head)
                .append(dl)
        for (var i = 0; i <shop.length; i++) {
            var item = shop[i];
            var dt=$("<dt>").text(item.itemId)
            var dt1 = $("<dt>").text(item.name)
            var dd = $("<dd>").text(item.price)
            var button = $("<button>buy</button>");
            dl
                .append(button)
                .append(dt)
                .append(dt1)
                .append(dd);

        }

这是从json文件远程加载项并使用jquery将其解析为Html的代码

      $(document).ready(function () {
                "use strict";
            // Download the content
            var head = $("<h1>Aisan Market</h1>");
        var dl = $("<dl>");
            $("body")
                .append(head)
                .append(dl)
        for (var i = 0; i <shop.length; i++) {
            var item = shop[i];
            var dt=$("<dt>").text(item.itemId)
            var dt1 = $("<dt>").text(item.name)
            var dd = $("<dd>").text(item.price)
            var button = $("<button>buy</button>");
            dl
                .append(button)
                .append(dt)
                .append(dt1)
                .append(dd);

        }

$（文档）.ready（函数（）{
“严格使用”；
//下载内容
var头=$（“亚洲市场”）；
var dl=$（“”）；
$（“正文”）
.附加（标题）
.append（dl）
对于（var i＝0），我解释了代码< >代码> a <代码> b >代码> b>代码>和<代码> c>代码>，请考虑使用<代码>下一步（“dt”）< /代码>时会发生什么。我建议您在元素中添加一些类（如：代码>名称<代码> >代码>价格>代码>等，并使用诸如<代码> Apple（）。查找（“.Name”）<代码/>创建代码段/jsFaldL来解释问题：<代码> a <代码> b>代码>和<代码> c>代码>，请考虑使用<代码>下一步（“dt”）< /代码>时发生的情况。建议您在元素中添加一些类（如：代码>名称<代码> >代码>价格>代码>等），使用“<代码> Apple（））。查找（“.Name”）< /C>