Question

我这样做，但显然我最终提到了错误的对象。如何从下面的第一个语句中存储对实际插入的DIV的引用？

    //add the slide to module
    var slideWrapperRef = $('div#'+moduleId).append( "<div id='"+slideId+"' class='slide'></div>" )

    //add the contents of the slide to its wrapper div
    $(slideWrapperRef).append( html )

Answer 1

使用appendTo：

var slideWrapperRef = $("<div id='"+slideId+"' class='slide'></div>").appendTo( $('div#'+moduleId) );

Answer 2

提前创建div，存储引用，然后附加它。你的代码正在做的是动态创建div。

var $div = $("<div id='"+slideId+"' class='slide'></div>");
$('div#'+moduleId).append($div);

虽然您可以使用appendTo来反转订单：

$div = $("<div id='"+slideId+"' class='slide'></div>").appendTo($('div#'+moduleId));

我推荐第一种方法，因为它更容易阅读和调试。 jQuery链可能会变得很乱。

关于此问题需要注意的主要事项是链的第一项是设置变量时将保存的引用。

Answer 3

var newDIV = $("<div id='"+slideId+"' class='slide'></div>").appendTo$('div#'+moduleId)

如何存储对刚插入的div的引用

3 个答案: