附加对象而不是文本？

Question

使用jquery，我正在使用for loop将div附加一些变量，但是它是附加字符串而不是对象。如何输出对象？

例如：

row.append('<div data-pos="' + i + '">' + text + '</div>');

我还尝试了在新浏览器上运行的更长的方法，但是在附加行失败，并且在运行chrome和safari的旧版ipad上没有错误。

例如

var x = document.createElement('div');
x.setAttribute('data-pos', i);
row.append(x);
x.append(text);

Answer 1

您可以使用insertAdjacentHTML（），它将指定的文本解析为HTML，并将结果节点插入DOM树中的指定位置

row.insertAdjacentHTML('beforeend', `<div data-pos=${i}>${text}</div>`);