jQuery Prepend a Image

时间:2010-03-09 09:27:24

标签: javascript jquery image prepend

我正在尝试添加图像的前置,然后定义它的属性。有点困惑如何做到这一点 - 目前我有以下但它没有工作。 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>

任何想法?

2 个答案:

答案 0 :(得分:5)

应该是:

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

因为从您之前的代码中,您将属性附加到容器而不是img标记

答案 1 :(得分:3)

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

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