如何将一个图像插入一个div使用jQuery

我有以下标记： <div class="user-photo"> <img src="" /> </div>如何将一个图像插入一个div使用jQuery

我想在该分区中插入图像，当我点击页面上的另一个图像。我的代码如下所示： $('body').on('click', '.image', function() { $('.user-photo').children('img').attr('src', $(this).attr('src')); });

但它不工作

来源

2012-02-29 Mythriel

它是如何不工作？你看到一个错误？ – jrummell 2012-02-29 14:22:49

演示：http://jsfiddle.net/WnC9B/8/

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

来源

2012-02-29 14:23:42 mgraph

我不能切换点击多个图像 – Mythriel 2012-02-29 14:43:33

当我点击它插入它的图像，但是当我点击另一个图像时，它不插入该图像，所以我不能点击多个图像，并使div图像更改 – Mythriel 2012-02-29 14:49:57

我我试图建立一个相册btw – Mythriel 2012-02-29 14:50:12

我认为你是在错误的道路使用this（这是指bodyin这个例子中，您应该使用e.target来指代被点击的元素）

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

来源

2012-02-29 14:25:59

Y你可以使用jquery的.tmpl（）。它将用于在您的案例中添加div中的html内容。

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

另一种方法是：

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

来源

2012-02-29 14:26:00

如何将一个图像插入一个div使用jQuery

回答

相关问题