javascript - JQuery:从 foreach 读取选定的 razor(@item.Id)。

Question

我通过 foreach 列出所有产品。我试图通过单击从 foreach 创建的按钮来显示我选择的 product.Id 。但我不知道如何继续。如何允许警报读取所选/单击的特定 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>

  }    
}

Answer 1

您可以像这样使用 onclick() 函数:

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

在你的脚本中，

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

或者

您可以使用 data-* 属性来按钮，

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

在你的脚本中，

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