Question

我在使用jquery单独访问我的按钮时遇到问题。假设我有以下代码：

<button id="ButtonOne">Button One</button>
<button id="ButtonTwo">Button Two</button>
<br />
<button id="ButtonThree">Button Three</button>

这是在部分视图中呈现的，该视图在同一主视图中最多发布四次并基于

分组

@Model.Group.ToString()

我想要做的是能够使用jQuery将我的一个按钮用于事件，但到目前为止我尝试的所有内容都不起作用或激活所有具有相同名称的按钮。我一直在试图找出如何根据它所在的组分别识别每个按钮。下面的代码是触发页面上每个按钮而不是我想要的按钮的代码。

<script type="text/javascript">
    $(document).ready(function () {
        $('#ButtonOne').click(function () {
            alert('Button One was clicked.');
        });
    });

</script>

显然这是因为它们都有相同的名称，但是我有什么方法可以做类似的事情：

<button id="ButtonOne" + @Model.Group.ToString()>ButtonOne</button>

Answer 1

Ids在文档中应该是唯一的，因此您的重复ID会导致您的问题。你能做这样的事吗 -

<button id="ButtonOne@(Model.Group.ToString())">ButtonOne</button>

触发按钮在多个部分视图JQuery MVC 3 Razor中命名相似

1 个答案: