Question

我已经在这方面工作了很长一段时间，我很难过。我希望有人为我指点方向。首先是代码：

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>

有几个部分看起来很像上面的部分。每个都有一个相应的<span>（例如“2”，“3”等......）我想要完成的是：

验证器运行时，每个输入的.parent()元素变为红色。那很有效。当用户对输入进行更改时，.parent()元素将返回其原始颜色。这也有效。

除此之外，我想将每个input部分的相应<span>红色（文字或背景）翻转过来。然后，当更改该部分中的所有输入时，相应的<span>将返回其原始外观。一个问题（至少对我而言）是包含输入的div和相应的<span>似乎彼此无关，无论是.parent()，.child() ，或.closest。

Answer 1

一个问题（至少对我来说）是包含输入和的div 相应的似乎没有相互关联，无论是.parent（），.child（）还是.closest。

尝试在Google Chrome Inspector的实时控制台中达到范围，检查是否属实。

Answer 2

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

jQuery工具验证器自定义效果 - 添加＆amp;删除效果

2 个答案: