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

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 +新数组（“”）表示该值不能为空
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 = new Validate;

$(".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

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

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

Answer 2

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

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