获取插入的DOMNode

Question

我有以下用于插入新DOM元素的jQuery代码。在这种情况下，someHTML只是一个HTML字符串..就像<div>text</div>。

$area.prepend(someHTML);

我希望在将节点插入DOMTree后获得对该节点的引用，并正确设置parentNode和what-not。

像.find（）和.filter（）这样的jQuery过滤器函数不能用于我的情况，因为它们都创建了新的jQuery对象。我需要对DOMNode的实际引用。

有什么想法吗？

Answer 1

如果用prependTo反过来这样做呢？使用jQuery构造函数构造DOM节点，然后将其添加到现有选择中，然后使用get获取底层DOM节点。

var node = $(someHTML).prependTo($area).get(0);

Answer 2

为什么不为它创建变量？

var $someHTML = $(someHTML);
$area.prepend($someHTML);
//now you can reference $someHTML elsewhere

Answer 3

其他答案可以正常使用，但另一种选择是在创建新div时id $('#someElement').prepend('<div id="something"></div>"'); $('#something').html('whatever'); 。然后，它可以在添加到DOM之后的任何地方以正常方式引用：

{{1}}