动态生成jQuery函数MVC4剃刀

Question

目前，我正在将一个对象列表从控制器传递到一个视图，并根据对象的名称生成标签。

我正在尝试做的是生成一个jQuery函数，它将在单击后为每个标签动态创建函数(切换具有相对标签id的表单)。

jQuery函数不起作用，我无法输出网页中当前的jQuery函数......你能给我一些提示吗？

<table>
    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.Label(item.productName, new { @id = item.productId})
            </td>
        </tr>    
    }
</table>


<script type="text/javascript">
    $(document).ready(function () {
        @foreach (var item in Model)
    {
        $(@item.productId).click)(function({
            //do something
       }));
    }

    });
</script>

非常感谢！

Answer 1

对于初学者来说，您的JS语法是错误的。您要做的是为所有这些标签指定一个类名(如product_lbl)或一个数据属性(如果您不喜欢语义类名)，如product-lbl。这样，您就不必执行第二次循环来添加单击事件处理程序。您只需要一个，如下所示：

$('.product_lbl').on(
    'click', 
    function() { /* Do something for whichever label was clicked */ }
);

或

$('[product-lbl]').on(
    'click', 
    function() { /* Do something for whichever label was clicked */ }
);