javascript - 在（在函数/类中）使用 jquery append()

Question

我想<head>在特定的函数中使用 append() 函数，如下所示：

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

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

我该怎么做？

score 2 · Accepted Answer

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

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

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

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

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

score 0 · Accepted Answer

您可以尝试使用 .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");

2 回答 2