jQuery Prepend a Image

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

Engwan的答案是实现你想要的一个简单方法。这只是在<img>标记插入DOM之前设置属性的另一个示例：

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