當用戶點擊關卡級別函數傳遞值時，jquery發生碰撞

在我的在線商店頁面中，我有幾個用戶可以點擊添加到購物車的項目。當用戶點擊關卡級別函數傳遞值時，jquery發生碰撞

<a class="btn add2Cart" href="#">Add item 123to Cart</a> 
<a class="btn add2Cart" href="#">Add item 456 to Cart</a>

是否有可能創建的每個項目被點擊的時間稱爲一個jQuery的功能，通過該項目代碼的價值？

$('.add2Cart').click(function() { *** How do I get the item value here? ***}

來源

2013-04-29 Didier Levy

有太多失落的細節，以幫助不大。項目值將相對於項目本身。也許像'$（this）.next（'input'）'？或者你可能有一個數據對象綁定到'a'上，該數據對象具有這樣的信息：'$（this）.data（'value'）'？ P.S.你不需要使用'a'標籤來創建可點擊的東西 – gillyspy 2013-04-29 22:04:37

是的！

你能改變HTML嗎？如果你可以把它：

<a class="btn add2Cart" data-product-number="123" href="#">Add item 123to Cart</a> 
<a class="btn add2Cart" data-product-number="456" href="#">Add item 456 to Cart</a>

然後，你可以使用：

$('.add2Cart').click(function() { 
    var productNumber = $(this).attr('data-product-number'); 

    // add to the cart using productNumber 

}

如果您通常將產品添加到購物車通過點擊一個鏈接，你也許可以讓一個ajax電話，增加了你的產品加入購物車，決策是東西這樣的：

$('.add2Cart').click(function() { 
    var productNumber = $(this).attr('data-product-number'); 

    // add to the cart using productNumber 
    $.ajax({ 
    url: '/path/to/cart', 
    data: { 
     'product_id' : productNumber 
    }, 
    success: function(){ 
     console.log('Product number '+productNumber+' was added to the cart.'); 
    } 
    }); 

}

來源

2013-04-29 22:04:24

當用戶點擊關卡級別函數傳遞值時，jquery發生碰撞

回答

相關問題