javascript - 为什么 jQuery append() 会删除字符串中第一个空格后的单词

Question

我正在尝试在 ajax 请求后动态生成表单。以下是相关代码示例:

for (var i in response.responseJSON[0].fields) {
  var field = response.responseJSON[0].fields[i];
  $('#properties_form').append('<label for=' + i + '>' + i + '</label>' +
                    '<input id=' + i + ' value=' + field + '>');
}

我的问题是，当 var i和var field是带有空格的字符串，例如 "Hello world" ，我的标签和输入将类似于 <label id="Hello" world="">和<input value="Hello" world=""> 。但是，标签文本将正确显示，即 <label>Hello world</label> .

我不知道那是什么魔法，但我将非常感谢您的帮助。提前致谢。

Answer 1

有一种更强大的方法可以做到这一点。

for (var i in response.responseJSON[0].fields) {
  var field = response.responseJSON[0].fields[i];
  $('#properties_form')
     .append($('<label>').attr('for', i).text(i))
     .append($('<input>').attr('id', i).val(field));
}

您不必担心字符串的内容，因为 jQuery 和 DOM 会为您处理它。更不用说这更容易阅读。