Primeros jQuery-insertan elementos DOM sin volver a consultar para el elemento después de la inserción

Question

Suponiendo que inserte nada en mi DOM con jQuery, así:

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

¿Hay una manera de jQuery para obtener un objeto jQuery referencia a esta nueva imagen , sin tener que hacer una búsqueda adicional como

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

???

Answer 1

Usted puede intentar algo como esto:

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

O si sólo hay una img:

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

Alternativamente:

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

Answer 2

convertirlo en un objeto jQuery antes anteponiendo que:

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

Answer 3

Solución sin crear un objeto jQuery antes y sin tener un Id:

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