jQuery在div标签内添加图像

Question

我有一个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

如果我们想在调用<div>函数时更改标记的内容image(),我们必须这样做:

使用Javascript

function image() {
    var img = document.createElement("IMG");
    img.src = "/images/img1.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="/images/abc.jpg";
$(#TheDiv).html(image);