-1

私はjQueryを使用しています。ここにhtmlページがあります。html には 2 つの div があります。最初の div には、画像、名前、および価格が含まれます。今、空の別の div に画像を移動する必要があります。ここでは、画像を最初の div から 2 番目の div に移動します。問題は、画像のIDを見つけることです。移動した画像の ID を見つける必要があります。

ここに私のHTMLがあります。

   <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>

そして私の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);
}​

ここでは、2 番目の div に画像を追加しています。移動または追加されたイメージ ID を取得する必要があります。

4

3 に答える 3

0 
var img_id = $this.find('img').attr('id');
于 2012-11-21T09:58:58.133 に答える
0

これを試して...

var id = img[0].id;
  alert(id);
于 2012-11-21T09:59:27.787 に答える
0

最初に ID 属性を指定する必要があります。onclick 属性は使用しないでください。

    <div>
      <span class="span1">
      <img src="http://blog.codepen.io/wp-content/uploads/2012/06/Button-Black-Small.png" width=20 id="galaxy" />
      </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" id="btnid">+</i></a>
   </div>
  <hr>
   Cart:
   <div class="span7" style="border:1px black" id="separat"></div>

jQuery を更新します。

   function AddToCart() {
     var img = $(this).closest('div').find('img').first();
     var image_id = $(img).attr('id');
     var newobj = $('<div>');
     newobj.prepend(img.clone());
     newobj.append('<span>' + image_id + '<span>');
     $('#separat').append(newobj); 
   }

   $(function(){
     $('.icon-plus').click(AddToCart);
   });

見る：

https://gist.github.com/4124585

于 2012-11-21T09:58:04.360 に答える