Javascript 与数据th id有关的问题

我有一个按钮，导致一个模态视图。我尝试用JS截取值

它的工作原理如下：

它不是这样工作的：

或

它说var是未定义的

因为我使用Thymeleaf，所以我需要用data-th-id捕捉值

你知道如何获得价值吗

完整JS

$('#myModal').on('shown.bs.modal', function (e) {
    $('#myInput').focus();
    var bookId = $(e.relatedTarget).data('id');
    alert(e.relatedTarget.nodeName);
    alert(bookId);
});

data person id=某物是一个数据属性，可通过$'…'访问。数据'person-id'

---

data th id=${person.getId}不是数据属性。这只是说th:id的另一种方式，它输出id=。。。标记的属性。不能对非数据属性使用jQuery的.data方法，而是使用attr-$e.relatedTarget.attr'id'

您是否在开发控制台中检查了HTML，并确认确实有一些值分配给该数据的th id属性？是的，它显示了该行：因此它包含带113的id。您可以显示完整的js吗？按钮上是否有事件侦听器？在这种情况下，您可能想使用这个或e.target？没有代码很难说。我确实把它添加到了问题的底部。你能记录e.relatedTarget以确保它是按钮吗？

var bookId = $(e.relatedTarget).data('person-id');

<button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal"
    data-target="#myModal" data-th-id="${person.getId()}">
  Edit
</button>

var bookId = $(e.relatedTarget).data('id');

var bookId = $(e.relatedTarget).data('th-id');

$('#myModal').on('shown.bs.modal', function (e) {
    $('#myInput').focus();
    var bookId = $(e.relatedTarget).data('id');
    alert(e.relatedTarget.nodeName);
    alert(bookId);
});