javascript - 为车内的输入设置一个值

Question

我很好奇是否可以访问和修改 javascript var 内部的数据，到目前为止，我已经使用纯 javascript 和 jquery 进行了尝试。所以这两个版本都适合我。

var data = {
    'name': 'Jhone',
    'category': 'Human',
    'type': 'good one',
},
    form = `<input type='text' name='name' id='name'>
            <input type='text' name='category' id='category'>
            <input type='text' name='type' id='type'>`;

JQuery 版本(不工作)

$.each(data, function( key, value ) {

    if ($.type(value) === 'string' && value !== '')
        $(form).find('#'+key).val(value)
});

JavaScript版本(不起作用)(抱歉不知道如何在纯js中制作foreach，但问题在于访问元素)

$.each(data, function( key, value ) {

    if ($.type(value) === 'string' && value !== '')
        form.getElementById(key).value = value ;
});

要点是我想动态创建js表单并避免设置如下数据:

var form = `<input type='text' name='name' id='name' value='`+ value +`'>`;

Answer 1

由于它是一个字符串，因此您必须先解析它才能使用设置值等操作。

var form = `<input type='text' name='name' id='name'>`

form = $(form).attr('value', 'myvalue').prop('outerHTML');

console.log(form);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>