как вставить изображение в div с помощью jquery

Question

У меня есть следующая разметка: <div class="user-photo"> <img src="" /> </div>

Я хочу вставить изображение в этот раздел, когда я нажимаю другое изображение на странице.Мой код выглядит так: $('body').on('click', '.image', function() { $('.user-photo').children('img').attr('src', $(this).attr('src')); });

Но он не работает

Answer 1

демо: http://jsfiddle.net/WnC9B/8/

$('body').on('click', '.image', function(e) {
  $('.user-photo').children('img').attr('src', $(e.target).attr('src'));
 });​

Answer 2

Вы можете использовать .tmpl () из jquery. В вашем случае он будет использоваться для добавления html-содержимого в div.

$.tmpl("<div class="user-photo"> <img src='' /> </div>")..appendTo("#targetdiv");

Другой способ:

$('#div').html('<div class="user-photo"> <img src='' /> </div>')

Answer 3

Я думаю, что вы используете this неправильно (это относится к телу в этом примере, вы должны использовать e.target для ссылки на элемент, на который нажали)

$('body').on('click', '.image', function(e) { 
  $('.user-photo > img').attr('src', $(e.target).attr('src')); 
});