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