如何从按下的 html 按钮获取自定义值？

Question

我有一个包含多行和多列的html表格（它是一个时间表），每个单元格都有一个“+”符号按钮，它们具有相同的Id和相同的类。如何获取使用ajax按下的第一个按钮的值？

我尝试过，但似乎不起作用：

$(document).ready(function () {
$(".plus-button").click(function (event) {
    event.preventDefault();

    var dataHour = $(this).data("table-position-hour");
    var dataWeekdayNr = $(this).data("table-position-weekday-nr");

    console.error("hr:", dataHour);
    console.error("nr:", dataWeekdayNr);
});

这是按钮：

<button id="showAddLesson" class="covered plus-button" type="submit" name="lessonInfo" table-position-hour="@interval.Item1.ToString("hh\\:mm")" table-position-weekday-nr="@cellNr">
<i class="ti-plus button-plus-sign"></i></button>

就上下文而言，我正在开发一个 ASP.NET mvc 项目作为大学任务，它是一个大学日程管理应用程序。

Answer 1

<button>

元素的内容就是标签内的内容，因此您可以使用 jQuery 的

.text()

或

.innerHTML()

方法来获取该内容（根据您的需要）。

var buttonValue = $(this).text();

或

var buttonValue = $(this).innerHTML();

正如有人在评论中指出的那样，您将需要为您设置 id 的每个元素设置不同的

id

。不允许重复，否则会给您带来麻烦。