1

こんにちは、ここでjqueryに取り組んでいます。htmlページがあります。html には、2 つの div がfirstdiv含まれ ていimage, name, and priceます。現在、画像を空の div である別の div に移動 (追加) する必要がありますbut problem is。画像が 2 番目の div に追加されたときに、最初に画像フォームを追加 (移動) しました。最初のdivと2番目のdivの同じ場所に表示する必要があります.2番目の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>

上記のコードでは、ボタンをクリックすると「icon-plus」ボタンが表示され、2番目の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() メソッドは、一致した要素のセットのディープ コピーを実行します。つまり、一致した要素だけでなく、そのすべての子孫要素とテキスト ノードもコピーします。挿入メソッドの 1 つと組み合わせて使用​​すると、.clone() はページ上の要素を複製する便利な方法です。

アップデート

賞品と名前を取得したい場合

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

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