jquery - 使用 jquery 在 div 中添加图像/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>

查询：

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

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

Answer 4

看看这个演示，这将帮助您获得添加图像的答案。

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

我希望这会对你有更多帮助。