2012-11-20 67 views
0

大家好我是jQuery的工作在這裏,我有我的HTML這樣如何(移動)或使用jquery將jpg'Image'從一個div添加到另一個div?

  <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); 
     } 

如何從一個DIV使用jquery添加圖片到另一個DIV可以üplz幫助我提前做到這一點感謝

+0

採取圖像從一個DIV而在另一個DIV使用jQuery追加添加它()或appendTo() –

+0

我曾試圖它說的append()或appendTo()不支持 –

回答

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); 
} 
+0

我曾試圖此@Pulkit得到錯誤是undefined –

+0

我已經更新了我的問題,它說AddToCart(obj)是undefined –

+0

首先感謝我的回覆pulkit它的工作,但一些變化Insted的複選框,我需要追加點擊按鈕可以幫助我做到這一點 –

相關問題