Заполните ключи и значения объекта json в динамически создаваемые поля ввода

Question

Вот моя скрипка: DEMO

Я хочу отобразить пары ключ и значение в объекте modelinfo (кроме имени модели) массива getModelDetails.Я могу утешить и проверить пары ключ-значение.Однако то же самое не заполняется в полях ввода.

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/