-1

我正在使用 jQuery。在这里，我有一个 html 页面。在 html 中，我有两个 div。第一个 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。

4

3 回答 3

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