大家好我正在研究jquery,我有这样的html
<div class="grid row-fluid">
<div>
<span class="span1">
<input type="checkbox" class="regular-checkbox" id="Header" />
<label for="Header"></label>
</span>
<span class="span1"> <img class="img-polaroid" src="http://placehold.it/140x140"></span>
</div>
<div>
<span class="span1">
<input type="checkbox" class="regular-checkbox" id="Header" />
<label for="Header"></label>
</span>
<span class="span1"> <img class="img-polaroid" src="http://placehold.it/140x140"></span>
</div>
</div>
<div class="span7" style="border:1px black" id="separate">
<ul class="thumbnails bootstrap-examples pre-scrollable">
<li class="span2">
<a href="#">
//image shold add here
</a>
</li>
</ul>
</div>
在上面的代码我有一个图像和复选框确定现在我有一个空div现在我想将这些图像添加到empye div一次 我只选择选中的图像
$(function () {
$('input[type="checkbox"]').click(function () {
AddToCart(this);
});
});
function AddToCart(obj) {
var $this = $(obj).closest('div');
var img = $this.find('img');
$('#separate').append(img);
}
如何使用jquery将图像从一个div添加到另一个div中,可以提前帮助我做到这一点
答案 0 :(得分:1)
这是你可以做的:
$(function(){
$('input[type="checkbox"]').click(function(){
AddToCart(this);
});
});
function AddToCart(obj) {
var $this = $(obj).closest('div');
var img = $this.find('img');
$('#div2').append(img);
}