JQuery：从 foreach 中读取选定的剃刀（@item.Id）。答案

【问题标题】：JQuery: Read selected razor(@item.Id) from foreach.JQuery：从 foreach 中读取选定的剃刀（@item.Id）。
【发布时间】：2016-11-23 04:49:03
【问题描述】：

我通过 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>

  }    
}

【问题讨论】：

将ID 添加为data-* 属性-<button class="add-to-cart" data-id="@item.ID">Add to Cart</button> 并使用alert($(this).data('id')); 获取它
@StephenMuecke 谢谢它的工作:)

标签： javascript jquery asp.net-mvc razor foreach

【解决方案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>

【讨论】：