Javascript jQuery工具验证程序自定义效果-添加&；消除影响

我已经在这方面工作了很长一段时间了，我被难倒了。我希望有人能为我指明方向。首先是守则：

jQuery：

$("#paperwork").bind("onFail", function(e, errors)  {
if (e.originalEvent.type == 'submit') {

    $.each(errors, function()  {
        var input = this.input;
        input.parent().css({color: 'red'}).change(function()  {
            input.parent().css({color: '#444'});
        });
    });
}

}))

以及HTML的一个示例：

<input id="group_1" required="required" type="radio" name="attending" value="Yes"  />Yes
<input id="group_1" type="radio" name="attending" value="No"  />No
<input id="group_1" type="radio" name="attending" value="Not Provided" />Not Provided

<input id="group_1" class="single_text_input" type="text" name="primary_referral"  />
<input id="group_1" class="single_text_input" type="text" name="secondary_referral" />
<span class="group_1">Referrals</span>

是
不
未提供
转介

有几个部分与上面的部分非常相似。每个都有相应的

（例如“2”、“3”等）。我试图实现的是：

当验证器运行时，每个输入的

.parent（）

元素变为红色。这是有效的。当用户更改输入时，

.parent（）

元素将返回其原始颜色。这也在起作用

除此之外，我还想将每个

输入

部分对应的

变成红色（文本或背景）。然后，当该部分中的所有输入都被更改时，相应的

将返回其原始外观。一个问题（至少对我来说）是，包含输入的

div

和相应的

似乎彼此不相关，无论是通过

.parent（）

、

.child（）

还是

.closest

一个问题（至少对我来说）是包含输入和 相应的数据似乎并不相关， 无论是按.parent（）、.child（）还是.closest

---

通过在像Google Chrome Inspector这样的实时控制台中尝试访问范围来检查这是否正确。

只需为这些div设置一个公共类，以便以后可以通过该类选择它们