使用输入类获取已验证输入的父级

Question

我有以下代码来验证它是否为空。

$(".req").each(function(){
           $(this).validate(formValidate, {
               isNot: new Array("")

           });
            $(this).validateError(function(form, e){
                form.preventDefault();

                $(e).css("background-color", "red");

            });

            $(this).valid(function(form, e){

                $(e).css("background-color", "white");
            });
        });

注意事项：

1. .req 是我用来验证它是否为必填字段的类
2. isNot + new Array("") 代表值不能为空
3. $(e).css 将输入背景颜色更改为红色，如果输入 确实是空的，否则（有效）它只会是白色的

现在我的问题如下：如何将文本添加为​​错误？我尝试过 .append() 或 .appendTo() 但这只会填充输入元素中的值，而不是屏幕上的某个位置。

我尝试过这样的事情：

    var getElement = document.getElementsByClassName(this); //This is still the .req
    $(getElement).parent().append();
    var testAppend = "Tester 123";
    $(testAppend).appendTo($(getElement).parent());

但我没有让它工作..

提前致谢！

编辑 对不起，不清楚，我会解释得更好：

我有这样的事情：

        <p>Firstname</p>
        <p><input type="text" class="req name" /></p>

现在我要做的是在 $(this).validateError 函数的输入上方或下方附加，我正在使用该类，所以我应该获取元素（这就是我使用 .getElementsByClassName 的原因）

JavaScript 文件：

$('#form').submit(function(form){ var formValidate = 新的验证；

$(".req").each(function(){
   $(this).validate(formValidate, {
       isNot: new Array("")

   });
    $(this).validateError(function(form, e){
        form.preventDefault();

        $(e).css("background-color", "red");
        var getElement = document.getElementsByClassName(this);
        $(getElement).parent().append();
        var testAppend = "Tester 123";
        $(getElement).parent().append(testAppend);


      });

      $(this).valid(function(form, e){

           $(e).css("background-color", "white");
       });
   });
});

Answer 1

我不确定我是否完全理解你想要做什么，但试试这个：

$(this).parent().append("Tester 123");

Answer 2

这会将testAppend 中的文本附加到作为getElement 的父元素的DOM 元素中：

$(getElement).parent().append(testAppend);