Jquery 带对象的引导窗口和模式窗口

我从数据库中获取了所有用户

modelAndView.addObject("users", userService.findAllUsers());

在这一部分中，我将用户从数据库放到表中。密钥（用户）

所有用户
身份证件
名字
姓
年龄
电子邮件
角色
编辑
删除
身份证件
名称
姓氏
年龄
登录
编辑
删除

我有按钮删除和按钮编辑。当我点击删除或编辑按钮时，我必须获得当前用户所有字段的新模式窗口； 为此，我尝试使用JQuery

<script>
    var $editRow = null;

    $(".Delete").click(function (e) {
        $editRow = $(this).closest("tr");

        $("#id").data('id');
        $("#name").find(".name").text();
        $("#ulastname").val($editRow.find(".lastname").text());
        $("#uname").val($editRow.find(".age").text());
        $("#ulogin").val($editRow.find(".login").text());
        $("#uroleSet").val($editRow.find(".roleSet").text());

        $('#ModalDelete')[0].show();
    });
</script>

var$editRow=null；
$（“.Delete”）。单击（函数（e）{
$editRow=$（this.closest（“tr”）；
$（“#id”）.data（'id'）；
$（“#name”）.find（“.name”）.text（）；
$（“#ulastname”）.val（$editRow.find（“.lastname”）.text（））；
$（“#uname”）.val（$editRow.find（“.age”）.text（））；
$（“#ulogin”）.val（$editRow.find（“.login”）.text（））；
$（“#uroleSet”）.val（$editRow.find（“.roleSet”）.text（））；
$（'#ModalDelete'）[0].show（）；
});

但我无法在模式窗口中获取用户字段

和模态窗口代码：

<!-- Modal Delete-->
<div class="modal fade" id="ModalDelete" tabindex="-1" role="dialog"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="Delete_Title">Delete user</h5>
            </div>
            <div class="modal-body">
                <div class="text-center">
                    <strong> ID </strong>
                    <br>
                    <input class="text-center" disabled size="50" type="text" id="id" value="">
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <strong> First name</strong></label>
                    <br>
                    <input class="text-center" disabled size="50" type="text"
                           th:value=$"users.name">
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <strong>Last name</strong></label>
                    <br>
                    <input class="text-center" disabled size="50" type="text"
                           th:value="${users.lastname}">
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <label class="text-center"><strong>Age</strong></label>
                    <br>
                    <input class="text-center" disabled type="text" size="50"
                           required th:value="${users.age}">
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <label><strong>Email</strong></label>
                    <br>
                    <input class="text-center" disabled type="email" size="50"
                           required th:value="${users.login}">
                </div>
                <div class="text-center">
                    <br>
                    <strong>Role</strong>
                    <div>
                        <select size="3" multiple class="form-control" disabled>
                            <option th:each="r : ${users.roleSet}"
                                    th:value="${r.id}"
                                    th:utext="${r.role}"
                                    class="text-center">
                            </option>
                        </select>
                    </div>
                </div>
            </div>
            </p>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"
                        data-dismiss="modal">Close
                </button>
                <form th:method="POST"
                      th:action="@{/users/admin/remove?id=} + ${users.id}"
                      th:object="${user}">
                    <input type="submit" value="Delete" class="btn btn-danger">
                </form>
            </div>
        </div>
    </div>
</div>

删除用户
ID






名字






姓氏






年龄






电子邮件




角色

接近

---

对我来说最大的问题是反对。我不明白如何将当前用户从表中调到模式窗口。

Bootstrap提供了有关如何操作的所有说明。您已经走上正轨，只需再实现一个处理程序，并添加一些

数据

属性。顺致敬意，

<!-- Modal Delete-->
<div class="modal fade" id="ModalDelete" tabindex="-1" role="dialog"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="Delete_Title">Delete user</h5>
            </div>
            <div class="modal-body">
                <div class="text-center">
                    <strong> ID </strong>
                    <br>
                    <input class="text-center" disabled size="50" type="text" id="id" value="">
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <strong> First name</strong></label>
                    <br>
                    <input class="text-center" disabled size="50" type="text"
                           th:value=$"users.name">
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <strong>Last name</strong></label>
                    <br>
                    <input class="text-center" disabled size="50" type="text"
                           th:value="${users.lastname}">
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <label class="text-center"><strong>Age</strong></label>
                    <br>
                    <input class="text-center" disabled type="text" size="50"
                           required th:value="${users.age}">
                    <br>
                    <br>
                </div>
                <div class="text-center">
                    <label><strong>Email</strong></label>
                    <br>
                    <input class="text-center" disabled type="email" size="50"
                           required th:value="${users.login}">
                </div>
                <div class="text-center">
                    <br>
                    <strong>Role</strong>
                    <div>
                        <select size="3" multiple class="form-control" disabled>
                            <option th:each="r : ${users.roleSet}"
                                    th:value="${r.id}"
                                    th:utext="${r.role}"
                                    class="text-center">
                            </option>
                        </select>
                    </div>
                </div>
            </div>
            </p>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"
                        data-dismiss="modal">Close
                </button>
                <form th:method="POST"
                      th:action="@{/users/admin/remove?id=} + ${users.id}"
                      th:object="${user}">
                    <input type="submit" value="Delete" class="btn btn-danger">
                </form>
            </div>
        </div>
    </div>
</div>