jQuery在div标签内添加图像

我有一个div标签

<div id="theDiv">Where is the image?</div> 

我想在div中添加一个图片标签

最终结果：

 <div id="theDiv"><img id="theImg" src="theImg.png" />Where is the image?</div> 

Answer 1

你有没有尝试过以下内容：

 $('#theDiv').prepend('<img id="theImg" src="theImg.png" />') 

Answer 2

我的2美分：

 $('#theDiv').prepend($('<img>',{id:'theImg',src:'theImg.png'})) 

Answer 3

 $("#theDiv").append("<img id='theImg' src='theImg.png'/>"); 

你需要在这里阅读文档。

Answer 4

如果我们想调用函数image()时候改变<div>标签的内容，我们必须这样做：

使用Javascript

 function image() { var img = document.createElement("IMG"); img.src = "http://img.dovov.comimg1.gif"; $('#image').html(img); } 

HTML

 <div id="image"></div> <div><a href="javascript:image();">First Image</a></div> 

Answer 5

除了Manjeet Kumar的职位（他没有声明）

 var image = document.createElement("IMG"); image.alt = "Alt information for image"; image.setAttribute('class', 'photo'); image.src="http://img.dovov.comabc.jpg"; $(#TheDiv).html(image); 

Answer 6

 var img; for (var i = 0; i < jQuery('.MulImage').length; i++) { var imgsrc = jQuery('.MulImage')[i]; var CurrentImgSrc = imgsrc.src; img = jQuery('<img class="dynamic" style="width:100%;">'); img.attr('src', CurrentImgSrc); jQuery('.YourDivClass').append(img); } 

Answer 7

我正面临类似的问题。 虽然元素已加载到DOM中，但图像未加载。 所以我通过使用setTimeout发现了一个黑客。 find下面的例子。

 var image = document.createElement('img'); image.setAttribute('height', '90px'); image.setAttribute('width', '160px'); image.setAttribute('alt', 'Image here'); jQuery('.messages');.append(image); setTimeout(function(){ image.setAttribute('src', data.fileSrc); }, 1000); 

这为我工作。