javascript - 将 Jquery 创建的 html 元素存储在变量中

Question

我试图将两个 div 元素添加到我的 html 正文中，我首先创建分配唯一 id 的 div 元素并将它们存储在两个变量中。

var a = $('div').attr('id', 'container');         
var b= $('div').attr('id', 'selectable');     

 $(a).appendTo('body');
 $(b).appendTo('body); 

问题是当我将它们添加到正文时，我注意到实际上只有一个 div 元素被附加到正文。进一步检查，我注意到变量 b 中的内容正在被复制到变量 a，因此变量 a 和 b 都引用同一个 div，ID 可选。

如何创建两个唯一的 div 元素以附加到 html 正文中？

Answer 1

您选择的是 div，而不是创建它们。

var a = $('div').attr('id', 'container');
var b = $('div').attr('id', 'selectable'); 

应该是:

var a = $('<div/>').attr('id', 'container');
var b = $('<div/>').attr('id', 'selectable');