如何使用jQuery獲取移動圖像的ID？

-1

我正在使用jQuery。這裏我有一個html頁面。在html中我有兩個div。第一個div包含圖像，名稱和價格。現在我們必須將圖像移動到另一個空的div。在這裏，我將圖像形式從第一個移動到第二個div。問題是找到圖像的ID。我需要找到移動圖像的ID。如何使用jQuery獲取移動圖像的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。

來源

2012-11-21 Sadda-shutu

圖像沒有id屬性 –

您需要指定一個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); 
    });

SEE：

https://gist.github.com/4124585

來源

2012-11-21 09:58:04 lawrencealan

我曾試圖得到警報undefind –

因爲你使用的AddToCart功能錯誤 - 修復看到 – lawrencealan

讓我試試謝謝回覆 –

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

來源

2012-11-21 09:58:58

我曾試圖顯示未定義 –

肯定的，因爲你的形象沒有一個id屬性 –

不，我又增加了id屬性我的形象，即使它不工作顯示未定義 –

試試這個...

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

來源

2012-11-21 09:59:27 karthik

我曾試圖顯示undeined –

如何使用jQuery獲取移動圖像的ID？

回答

相關問題