добавить изображение/с внутри DIV с JQuery

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"/>') 
}); 

Fiddle: 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")); 
}); 

Надеюсь, это поможет вам больше.