У меня проблема с отдельным доступом к моим кнопкам с помощью 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>