使用jquery在div中添加image / s

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

试试这个

$(".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"));
});

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