Получение jQuery-вставленных DOM-элементов без запроса элемента после вставки

Question

Предполагается, что я вставляю что-нибудь в свой DOM с помощью jQuery , например так:

$('#someselector').prepend('<img src="/img/myimage.gif" id="someid" />');

Есть ли способ в jQuery получить объект jQuery, ссылающийся на это новое изображение, безнеобходимо выполнить дополнительный поиск, например

var myImage = $('#someselector #someid');

???

Answer 1

Превратите его в объект jQuery перед , добавив его:

var $img = $('<img src="/img/myimage.gif" id="someid" />');    
$('#someselector').prepend($img);    
$img.foo();

Answer 2

Вы можете попробовать что-то вроде этого:

$('#someselector')
    .prepend('<img src="/img/myimage.gif" id="someid" />')
    .find('#someid');

Или, если есть только одно изображение:

$('#someselector')
    .prepend('<img src="/img/myimage.gif" id="someid" />')
    .find('img');

В качестве альтернативы:

$('<img src="/img/myimage.gif" id="someid" />').prependTo('#someselector')

Answer 3

Решение без создания объекта jQuery до и без идентификатора:

var $img = $('#someselector')
            .prepend('<img src="/img/myimage.gif" />')
            .find(':first');