c# - 动态生成 jQuery 函数 mvc 4 razor

Question

目前，我将对象列表从 Controller 传递到 View ，并按对象名称生成标签。

我想做的是生成一个 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 */ }
);