我正在构建自己的由jquery支持的JS库。构造函数开始在现有div的顶部进行构建以充实它。在库中,我正在进行ajax调用,因此对于此初始div,我知道如何进行附加(此处是传入的初始div):
var t = this;
var sdiv = t.append("<ul class='foo'></ul>");
因此,现在我需要遍历并将元素追加到变量“ sdiv”。因为某些原因
$(sdiv).append("<li class='bar'>" + element[i] + "</li>");
无法正常工作/渲染。您如何将元素追加到作为变量创建的其他元素上?
谢谢
最佳答案
它不起作用,因为sdiv
与t
变量相同,因为append
返回最初选择的元素。
而是在其自己的变量中创建ul
,然后在附加时使用该引用。尝试这个:
var $t = $(this);
var $sdiv = $('<ul />', { class: 'foo' }).appendTo($t);
// in your loop...
$('<li />', { class: 'bar', text: element[i] }).appendTo($sdiv);
请注意,我还将
this
包装在jQuery对象中。假设此代码正在事件处理程序中执行,则需要这样做。关于javascript - jQuery追加到变量元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24291257/