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>

- Phill Pafford

Answer 1

你尝试过以下方法吗：

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

- Topher Fangio

---

我无法回复上面的Jose Basilio（声望不足），但是append会将其放在“图片在哪里？”之后，而prepend则会将其放在之前。 - Topher Fangio

我本来想给你点赞因为你使用了 "prepend"，但我发现你的选择器中缺少了 '# '。 - Ben Koehler

我在使用append时有些着急了。好发现。+1 - Jose Basilio

@AnoopGoudar 在 Stack Overflow 上发布您的代码问题，也许我们可以帮助您。当我们看不到代码时，调试起来真的很困难 :-) - Topher Fangio

@TopherFangio 我已经添加了代码和我用来解决问题的hack。请建议是否有更好的方法。但是那个修复现在对我有效。 - AnoopGoudar

Answer 2

我个人的看法：

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

- Kuf

---

我喜欢这个答案，因为它使用了$('<img>')，我一直在寻找它。 - user734028

你可以在 $('<img').attr('id', 'theImg').attr('src', 'theImg.png') 后添加属性。 - Scott

这不是正确答案吗？ - bonobo

Answer 3

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

你需要阅读这里的文档。

- jacobangel

Answer 4

如果我们想在每次调用函数image()时更改<div>标签的内容，我们需要这样做：

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>

- Manjeet Kumar

---

我建议您添加一些解释。 - Olter

如果我们想要在每次调用函数image()时更改<div>标签的内容，我们需要像这样做：function image() { var img = document.createElement("IMG"); img.src = "/images/img1.gif"; $('#image').html(img); }<div id="image"></div> <div><a href="javascript:image();">第一张图片</a></div> - Manjeet Kumar

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

- Evan Parsons

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

            }

- Anand rao

Answer 7

这是最好的方法：

$(selector).prepend()

- Mohamedyassine