javascript - jQuery 前置图像

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>

有任何想法吗？

score 5 · Accepted Answer

应该：

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

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

score 4 · Accepted Answer

Engwan 的回答是实现您想要的简单方法。这只是一个在<img>标签插入 DOM 之前设置属性的替代示例：

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

2 回答 2