JQuery Prepend Изображение

Question

Я пытаюсь добавить предизображение изображения и затем определить его атрибуты. Немного смущен тем, как это сделать - в настоящее время у меня есть следующее, но оно не работает. HTML-код

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

И JS

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

Я надеюсь достичь

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

Есть идеи?

Answer 1

Должно быть:

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

потому что из предыдущего кода вы присоединяете атрибуты к контейнеру, а не тег img

Answer 2

Ответ Энгвана - простой способ достичь того, чего вы хотите. Это просто альтернативный пример, в котором атрибуты устанавливаются перед вставкой тега <img> в DOM:

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