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