jquery - jqueryでdiv内に画像を追加する

Question

ボタンをクリックするたびに <button class="xx type="submit" id="add_football">Add</button>

<img src="img/door-right.png">の中に画像( ) を追加したい<div class="ball_footballbox"><img src</div>

jQueryでそれを行うにはどうすればよいですか?

Answer 1

または $('<img src="img/door-right.png">').appendTo(".ball_footballbox");

Answer 2

このデモを見てください。これは、画像を追加するための答えを得るのに役立ちます。

$("#add_football").click(function(){
$('<img src="http://jqfaq.com/wp-content/uploads/logo_v1.png">').appendTo($(".ball_footballbox"));
});

これがもっとお役に立てば幸いです。

Answer 3

これを試して

$(".ball_footballbox").append('<img src="img/door-right.png">');

これを関数でラップし、ボタン アクションのクリック時にこの関数を呼び出します。