2016-11-23 2 views
0

私はすべての製品をforeach経由で一覧表示します。 foreachから作成されたボタンをクリックして、私が選択したproduct.IdをAlert経由で表示しようとしています。しかし、私はどのように進むべきかわかりません。選択/クリックされた特定のitem.IDを読み上げるにはどうすればよいですか?JQuery:foreachから選択した剃刀(@ item.Id)を読み込みます。

<script type="text/javascript">  

    $(document).ready(function() { 
     $('.add-to-cart').click(function() { 
      alert(item.ID); //something like this   
     }); 
    }); 

</script> 

- このような

@foreach (var item in Model) { 

/*@item.ID*/ 

    <button class="add-to-cart">Add to Cart</button> 

    }  
} 
+1

'データ - *'属性として 'ID'を追加し、スクリプト内のボタンへのデータ - *属性、

<button class="add-to-cart" data-ID="@item.ID">Add to Cart</button> 

を使用することができます - ' <ボタンクラス= "を追加あなたに感謝しています:-to-cart "data-id =" @ item.ID ">カート'と 'alert($(this).data( 'id')); ' –

+0

@StephenMuecke ) – Nupp

答えて

0

あなたはonclickを使用することができます()関数:スクリプト内

<button class="add-to-cart" onclick = "AddToCart('@item.Id')">Add to Cart</button> 

<script> 
    function AddToCart(id) 
    { 
      alert(id); 
    } 
    </script> 

OR

はあなたが

<script> 
    $(document).ready(function() { 
      $('.add-to-cart').click(function() { 
       alert($(this).data('ID'));  
      }); 
     }); 
</script> 
関連する問題