入門jQuery的插入DOM元素，而無需插入後

Question

重新查詢元素假設我在DOM插入任何與jQuery，就像這樣：

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

是否有jQuery的一種方式來獲得一個jQuery對象引用這個新形象，而不必進行額外的搜索，如

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

???

Answer 1

你可以嘗試這樣的事情：

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

Answer 2

使之成爲一個jQuery對象前前面加上：

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

Answer 3

解決方案，而之前不具有ID創建一個jQuery對象：

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