1

大家好，我正在研究 jquery，我有一个 html 页面。在 html 中，我有两个 div，firstdiv现在 image, name, and price我们必须将图像移动（添加）到另一个 div 是空的 div 在这里我已经完成（移动）首先添加图像表单到 secound but problem is，当图像添加到第二个 div 图像应该出现在第一个 div 和第二个 div 中的同一个位置，我已经将图像添加到第二个 div 但图像从第一个 div 中删除这是我的代码如下：

               <div>              
                <span class="span1">
                <img src="~/Images/galaxy.jpeg" /></span> 
            <span class="span1">1232</span>
            <span class="span2">Cell Phone</span> 
            <span class="span1">3500</span>              
           <a href="#" class="pull-right" ><i class="icon-plus" onclick="AddToCart(this)" id="btnid" ></i></a>
        </div>


           <div class="span7" style="border:1px black" id="separat">
            </div>

在上面的代码中，当我单击将图像添加到第二个 div 的按钮时，我有“图标加号”按钮，但我需要添加图像，它也应该出现在同一个地方

这是我的jQuery

              $(function () {             
       AddToCart(this);                
  });
    function AddToCart(obj) {
        var val = 0;
      var $this = $(obj).closest('div');
      var img = $this.find('img');
      var image=img;
      $('#separat').append(img);
      }

有人可以帮我这样做吗？

4

2 回答 2

1

尝试改变

$('#separat').append(img);

到

$(img).clone().appendTo("#separat");
于 2012-11-21T09:43:23.377 回答
0

你应该使用clone()

function AddToCart(obj) {
        var val = 0;
      var $this = $(obj).closest('div');
      var img = $this.find('img').clone();
      var image=img;
      $('#separat').append(img);
      }

http://api.jquery.com/clone/

.clone() 方法执行匹配元素集的深层复制，这意味着它复制匹配的元素以及它们的所有后代元素和文本节点。当与其中一种插入方法结合使用时，.clone() 是一种在页面上复制元素的便捷方法。

更新

如果你想获得奖品和名字

prize = $(obj).closest('.span2').clone();
name = $(obj).closest('.span1').clone();

$('#separat').append(img+prize+name);
于 2012-11-21T09:45:16.367 回答