0

こんにちは、私はここで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 が 1 つあります。チェックされた画像のみを選択したら、それらの画像を 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に画像を追加する方法

4

1 に答える 1

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);
}
于 2012-11-20T10:12:30.157 に答える