从全局错误类中排除类

Question

我有jquery代码来遍历列表中的字段以添加此类：

var a= data.fields.split(",");
$.each(a,function(i){
    $("#"+a[i]).closest('.form-group').addClass('has-error');   
 });

但是现在其中一个div具有如下的内部div：

<div class="input-group-addon">/</div> 

并且我正在尝试将has-error类应用于它，但由于父div

上存在错误，它正在掩盖这一点

Answer 1

为.has-error .input-group-addon添加样式，以覆盖从.has-error继承的样式，例如

.has-error {
    background-color: red;
}
.has-error .input-group-addon {
    background-color: white;
}

顺便说一句，您可以创建一个匹配所有这些ID的选择器，而不是.each循环。

var ids = data.fields.split(",").map(id => "#" + id).join(",");
$(ids).closest('.form-group').not(":has(.input-group-addon)").addClass('has-error');