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>

jquery

540886 次浏览

小开

最佳答案

你有没有试过以下方法:

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

小开

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

您需要阅读文档给你。

小开

我的建议是:

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

小开

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

Javascript

function image() {
var img = document.createElement("IMG");
img.src = "/images/img1.gif";
$('#image').html(img);
}

超文本标示语言

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

小开

除了 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);

小开

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);


}

小开

这是最好的办法:

$(选择器) . prepend ()