获取插入jQuery的DOM元素,而不是在插入后重新查询元素

Question

假设我使用jQuery在DOM中插入任何内容,如下所示:

$('#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');

或者,如果只有一个img:

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

或者:

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