如何將一個圖像插入一個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

回答

相關問題