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

Question

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

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

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

我该怎么做？

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

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