獲取插入DOMNode

Question

我有以下jQuery代碼用於插入一個新的DOM元素。在這種情況下，someHTML只是一個HTML字符串..就像<div>text</div>。

$area.prepend(someHTML); 

我想它插入DOMTree後，用正確設置parentNode和什麼，而不是得到一個參考點。

像.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當您創建它。然後，它可以被引用它被添加到DOM之後的任意位置以正常的方式：

$('#someElement').prepend('<div id="something"></div>"'); $('#something').html('whatever');