jquery - 如何使用 jQuery 从 thymeleaf 片段页面中删除 HTML 元素？

Question

我正在使用 spring boot 和 thymeleaf 。我想从片段页面中删除一个元素，因此应该从使用该特定片段的所有页面中删除它。

<header th:fragment="userHeader">
  <a href="login" id="login-ref" class="text-left">Login </a>
  <a href="#" id="logout-ref" class="text-left">Log out</a>
</header>

上面的代码是我在片段页面中的标题，我将其插入到每个页面中，因此在用户登录后，登录引用应该被隐藏。

以下是jquery代码。

submitHandler : function() {
        var userData = {
                email : $("#email").val(),
                password : $("#password").val()
        };
        $.ajax({
            type: "POST",
            contentType : 'application/json',
            url : "/user/login",
            data : JSON.stringify(userData),
            dataType :'json',
            success : function(result) {
                if(result.status) {
                    $("#login-ref").hide();
                }
            },
            error : function() {
                alert("Error! please enter proper data");
            }

        });
        return false;
    }

期待您的帮助。

标签： jqueryhtmlspring-bootthymeleaf