在 <head> 中使用 jquery append() （在函数/类中）答案

【问题标题】：Using jquery append() in <head> (in a function/class)在 <head> 中使用 jquery append() （在函数/类中）
【发布时间】：2010-04-29 11:30:31
【问题描述】：

我想在 <head> 内部使用 append() 函数，具体的函数如下：

function custom_img(src_img)
{
 $("div").append("<img src='"+src_img+"'>");
}
var myimg = new custom_img("test.jpg");

这是我刚刚写出的一个简单示例。每次创建这样的新对象时，我都希望我的函数能够生成这样的新图像。显然这不起作用，因为 append() 需要在正文中（我已经尝试过）。

我该怎么做？

【问题讨论】：

您可以将内容附加到head，但我不明白您要完成什么。您想将图像附加到头部吗？为什么？
我不想将图像附加到头部，我想使用函数附加到 div。看源码。
是的，我查看了源代码（代码示例），以及标题和内容。您的声明 Using jquery ('append()') in 和 append() 需要在正文中 让我感到困惑。
对不起，英语不是我的母语，这可能是因为我可能缺乏正确提问所需的技能，尽管对我来说似乎很容易理解。
@Anonymous：无论如何，您可能应该将脚本直接放在结束正文标记之前。

【解决方案1】：

它不起作用的原因是你的 div 还不存在。
因此，您可以使用$(document).ready() 函数等待文档加载。

或者，如果您希望图像与文档的其余部分一起加载，您可以简单地创建一个新的 div 并将图像插入其中。

var div = $("div")
function custom_img(src) {
   div.append($("img").attr("src", src));
}

然后当文档完全加载后，就可以遍历数组，将加载的图片插入到DOM中。

$(document).ready(function() {
   $("#myDiv").append(div);
});

【讨论】：

我很不确定该怎么办。我试过把它放在头部的脚本中，但仍然没有结果。实际上，该类在运行时多次出现，它一直在运行。当它获得新信息时，它开始添加新图像。您可以提供更多信息吗？

【解决方案2】：

你可以尝试使用 .after()，甚至 .html()

function custom_img(src_img)
{
 $("div").after("<img src='"+src_img+"'>");
}
var myimg = new custom_img("test.jpg");

或

function custom_img(src_img)
{
 $("div").html("<img src='"+src_img+"'>");
}
var myimg = new custom_img("test.jpg");

【讨论】：