Question

我正在尝试使用jQuery从我的视图模型中创建一些div。这是代码：

<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function () {
    var model = @Html.Raw(Json.Encode(Model.MemberProfiles));
    console.log(model);

    for (profile in model) {
        $("#viewMembers").append("<div class='profilePreview'><p>" + profile["FirstName"] + "</p></div>");
    }

    $("#viewMembersBtn").click(function () {
        $("#viewMembers").toggle();
    });
});

正如您所见，here，＆＃34; FirstName＆＃34;属性评估为未定义。如果查看同一图像中的console.log（），则对象具有正确的数据。如何正确检索FirstName属性？

Answer 1

您需要model[profile].FirstName：

for (var profile in model) {
    $("#viewMembers").append("<div class='profilePreview'><p>" + model[profile].FirstName + "</p></div>");
}

Answer 2

尝试像这样访问您的JavaScript模型：

 for (profile in model) {
    $("#viewMembers").append("<div class='profilePreview'><p>" + profile.FirstName + "</p></div>");
}

使用jQuery动态输出模型数据

2 个答案: