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

Question

我试图在我的html体中添加两个div元素,我首先创建div元素,分配一个唯一的id并将它们存储在两个变量中.

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

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

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

如何创建两个唯一的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');