jQuery Ajouter une image

Question

J'essaie d'ajouter un préfixe d'une image, puis de définir ses attributs. Peu confus quant à la façon de le faire - actuellement, j'ai ce qui suit, mais ça ne fonctionne pas. Le code HTML est

<div id="testID" class="test1"> 
     <div id="testID2" class="test2" ></div> 
    </div> 

Et la JS est

var test123 = somecode{} 
jQuery(test123).find('#testID2').prepend('<img />').attr({ 
    src: 'some src.gif', 
    alt: '', 
    height: '60' 
}); 

J'espère obtenir

<div id="testID" class="test1"> 
    <div id="testID2" class="test2" > 
     <img src='some src.gif' alt='' height='60' /> 
    </div> 
</div> 

Des idées?

Answer 1

devrait être:

jQuery("<img/>").prependTo("#testID2").attr({ 
    src: 'some src.gif', 
    alt: '', 
    height: '60' 
}); 

car à partir de votre code précédent, vous attachez les attributs au conteneur et non la balise img

Answer 2

réponse de Engwan est un moyen simple de réaliser ce que vous voulez. Ceci est juste un autre exemple où les attributs sont définis avant la balise <img> insère dans le DOM:

jQuery(test123).find('#testID2').prepend(
    $('<img />').attr({ 
    'src': 'some src.gif', 
    'alt': '', 
    'height': '60' 
    }) 
);