Получить вставленный DOMNode

Question

У меня есть следующий код jQuery, используемый для вставки нового элемента DOM.someHTML в данном случае это просто строка HTML .. как <div>text</div>.

$area.prepend(someHTML);

Я хотел бы получить ссылку на узел после его вставки в DOMTree с правильно установленным parentNodeа что нет.

Функции фильтра jQuery, такие как .find () и .filter () не будут работать в моей ситуации, так как оба создают новые объекты jQuery.Мне нужна фактическая ссылка на DOMNode.

Есть идеи?

Answer 1

Как насчет сделать это наоборот, с prependTo?Создайте узел DOM с помощью конструктора jQuery, затем добавьте его к существующему выбору, затем используйте get, чтобы получить базовый узел DOM.

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

Answer 2

Другие ответы работают нормально, но другой вариант - дать новому div значение id при его создании.Затем на него можно ссылаться обычным способом в любом месте после добавления в DOM:

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

Answer 3

Почему бы вам не создать переменную для него?

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