Javascript 显示空内容的弹出模型

我试图在模型弹出窗口中向div追加一个对象数组。for循环正在获取值，但内容为空。如何将此对象数组的值附加到弹出模型中提供的div中。 代码如下所示

$(function () {
    $(".chkBoxPer").on("click", function () {
        var data = [];
        if ($(".chkBoxPer").is(":checked")) {
            //alert($(".chkBoxPer:checked").closest('tr').find('.txtPer').text());

            data.push({
                name: $(".chkBoxPer:checked").closest('tr').find('.txtPer').text()
               
            });
        }
        console.clear();
        console.log(JSON.stringify(data));
        sessionStorage.setItem("data", JSON.stringify(data));
    });
});

$('#btnModelPopup').click(function () {
    var data = sessionStorage.getItem("data");
    var content = "";
    
    for (var i = 0; i < data; i++) {
        content += "<div" + i + "'></div>";
        
    }
    $("#cascadeValue").append(content);
    $("#idCscade").modal("show");
});

$（函数（）{
$（“.chkBoxPer”）。在（“单击”，函数（）{
var数据=[]；
如果（$（“.chkBoxPer”）为（“：选中”））{
//警报（$（“.chkBoxPer:checked”）.closest（'tr'）.find（'.txtPer'）.text（））；
数据推送({
名称：$（“.chkBoxPer:checked”）.closest（'tr'）.find（'.txtPer'）.text（）
});
}
console.clear（）；
log（JSON.stringify（data））；
setItem（“数据”，JSON.stringify（数据））；
});
});
$（'#btnModelPopup'）。单击（函数（）{
var data=sessionStorage.getItem（“数据”）；
var-content=“”；
对于（变量i=0；icontent+=“您的
数据
是字符串

您应该对（var i=0；ivar data=JSON.parse（sessionStorage.getItem（））；

，然后执行

for（var i=0；i

：

$（'#btnModelPopup'）。单击（函数（）{
var data=JSON.parse（sessionStorage.getItem（“数据”）；
var-content=“”；
对于（变量i=0；i

在

for

循环声明中，您需要使用

data.length

而不仅仅是

data

，并且您还向div标记添加了

i

，这使得它看起来像

，而不是有效的HTML元素。例如，我建议您将

i

作为div的属性添加e作为

id

或类似：

let data='[{“name”：“example”}]；
让parsedData=JSON.parse（data）；//解析为JSON符号，因为数据是字符串
var-content=“”；
for（var i=0；iconsole.log（content）；

您的

数据类型是数组，而OP
数据类型是数组string@Justinas该死，我错过了。我会编辑的。而且，我正要问你的例子，我相信
“是的，它将再次出现操作代码中的错误如何在content@DotNetCoder你是说像这样的
content+=“一些文本
其他文本”；
？
        $('#btnModelPopup').click(function () {
            var data = JSON.parse(sessionStorage.getItem("data"));

            var content = "";

            for (var i = 0; i < data.length; i++) {
                content += "<div class='div-" + i + "'></div>";
            }

            $("#cascadeValue").append(content);

            $("#idCscade").modal("show");
        });