一个div内使用jQuery添加图像/秒的jQuery

Question

我每次点击一个按钮 <button class="xx type="submit" id="add_football">Add</button>

我想补充的 <div class="ball_footballbox"><img src</div>

内部的图像（<img src="img/door-right.png">）我该怎么办呢？

Answer 1

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

Answer 2

试试这个

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

包裹这在功能和呼叫按钮动作点击此功能。

Answer 3

尝试像下面......它会工作

HTML：

<button class="xx" type="submit" id="add_football">Add</button> 
<div class="ball_footballbox"></div> 

JQuery的：

$("#add_football").click(function() { 
$('.ball_footballbox').prepend('<img id="theImg" src="img/door-right.png" prepended="yes"/>') 
}); 

小提琴：http://jsfiddle.net/RYh7U/73/

Answer 4

看看这个Demo这将帮助你得到添加图像的答案。

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

我希望这会对您有所帮助。