将json对象的键和值填充到动态创建的输入字段中

Question

这是我的小提琴：DEMO

我想在getModelDetails数组的modelinfo对象（modelname除外）中显示键和值对。我能够控制和验证键值对。但是，相同的内容不会填充到输入字段中。

for (var prop in getModelDetails[0].modelinfo) {
    if (prop != 'modelname') {
        $('#container').prepend(modelTemplate);

        $(".modelAttribute").each(function (index) {
            $(this).val(prop);
        });
        $(".modelType").each(function (index) {
            $(this).val(getModelDetails[0].modelinfo[prop]);
        });
    }
}

请让我知道更好的解决方法。

感谢。

Answer 1

我认为这种方法可行：

for (var prop in getModelDetails[0].modelinfo) {
    if (prop != 'modelname') {

        $('#container').prepend(modelTemplate);

        $(".modelAttribute").each(function (index) {
            if (index == 0) $(this).val(prop);
        });
        $(".modelType").each(function (index) {
            if (index == 0) $(this).val(getModelDetails[0].modelinfo[prop]);
        });
    }
}

我在这里使用新代码创建了另一个JSFiddle：

https://jsfiddle.net/xncwebad/