Javascript 在另一个元素之后添加HTML元素

我在用登记表

<form role="form" id="registrationForm">
    <div class="form-group">
        <h2><span th:text="#{register.title}">Create account</span></h2>
    </div>
    <div class="form-group">
       <label class="control-label" for="username" th:text="#{register.yourUsername}">Your username</label>
       <input name="username" id="username" type="text" maxlength="36" class="form-control" th:placeholder="#{register.username}"/>
    </div>
    <div class="form-group">
       <label class="control-label" for="email" th:text="#{register.email}">E-mail</label>
       <input name="email" id="email" type="email" class="form-control" th:placeholder="#{register.email}"/>
    </div>
...

创建帐户
您的用户名
电子邮件
...

我在服务器上验证表单，如果有错误，则返回JSON板中的错误列表，然后尝试在表单的适当位置插入错误消息

$.ajax({
        type: 'POST',
        url: '/register',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: JSON.stringify(registerDTO),
        success: function (result) {
            console.log("SUCCESS");
            window.location.replace("/signIn");
        },
        error: function (error) {
            var obj = JSON.parse(error.responseText);
            for(var i = 0; i < obj.field_errors.length; ++i) {
                var objError = obj.field_errors[i];

                if(objError.field === "reCaptcha") {
                    grecaptcha.reset();
                    console.log('error captcha');
                }
                if(objError.field === "username") {
                    $('#username').append('<label id="username-error" class="error" for="username">' + objError.message + '</label>');
                    console.log('error username');
                }
            }
        }
    });

$.ajax({
键入：“POST”，
url:“/register”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
数据：JSON.stringify（registerDTO），
成功：功能（结果）{
控制台日志（“成功”）；
窗口。位置。替换（“/signIn”）；
},
错误：函数（错误）{
var obj=JSON.parse（error.responseText）；
对于（变量i=0；i

这是一条线

$('#username').append('<label id="username-error" class="error" for="username">' + objError.message + '</label>');

$（“#用户名”）.append（“”+objError.message+“”）；

如何在

之后添加标签？

使用

$（'input[name='username']）。在（''+objError.message+''）之后；

使用什么

$（'input[name='username']）。在（''+objError.message+''）之后；

.after（）

和

.insertAfter（）

方法将执行与添加DOM相同的操作

$(target).after(elementInserted)
$(elementInserted).insertAfter(target)

.after（）

和

.insertAfter（）

方法将执行与添加DOM相同的操作

$(target).after(elementInserted)
$(elementInserted).insertAfter(target)

---

username已经有了一个变量，因为它是元素的id，所以您只需要

$（username）.after（“您的html在此”）

username已经有了一个变量，因为它是元素的id，所以您只需要

$（username）.after（“此处为您的html”）