Question

我正在使用jQuery。这里我有一个HTML页面。在HTML中我有两个div。第一个div包含图像，名称和价格。现在我们必须将图像移动到另一个空的div。在这里，我将图像从第一个移动到第二个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);
}

这里我将图像添加到第二个div。我需要获取已移动或已添加的图像ID。

Answer 1

您需要指定一个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

Answer 2

var img_id = $this.find('img').attr('id');

Answer 3

试试这个......

var id = img[0].id;
  alert(id);

如何使用jQuery获取移动图像的ID？

3 个答案: