jQuery工具validation器自定义效果 – 添加和删除效果

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

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的一个示例：

 Yes No Not Provided   Referrals 

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

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

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

Answer 1

一个问题（至少对我而言）是包含输入和对应的div似乎彼此不相关，无论是通过.parent（），.child（）还是.closest。

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

Answer 2

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