7R903 发表于 2021-4-17 18:37

html 根据json 生成指定的 div

根据json生成指定的div,json见附件
在生成内容的时候,因为还在循环里面,且i>0,0的值就取不到了,生成的内容就会存在重复,内容的数量是根据json变化的,想了好久没想到好的方法,不知道大佬们有什么思路

for (var i = 0; i < data.MyProperty.length; i++) {
                        var datas = data.MyProperty.jz;
                        var count = $("#" + datas).length;
                        if (count == 0) {//禁止重复生成头部
                            $("#list").append("<div class='layui-col-md2 layui-card' style='margin-left:20px;' id='" + data.MyProperty.jz + "'><div class='layui-card-header' style='height:22px;line-height:22px;'id='id" + i + "' name=" + data.MyProperty.jz + " >" + data.MyProperty.jz + "</div><div class='layui-card-body' id='a" + i + "'></div></div>");
                        }
                        else {//生成内容
                            $("#a0").append("<div class='line'><a href='#'>1</a><a href='#'>1</a><a href='#'>1</a></div>");//
                        }

                  }

最终想在头部下层的div均匀的将 data.MyProperty.hd丢进去,谢谢
页: [1]
查看完整版本: html 根据json 生成指定的 div