Целевая метка CSS на основе атрибута и входного класса

Question

Есть ли способ стилизовать метку, если в поле ввода есть класс. Пожалуйста, найдите мой код ниже.

<div id="edit-cv-upload-ajax-wrapper"><div class="control-group form-type-managed-file form-item-cv-upload form-item">

  <label for="edit-cv-upload-upload" class="control-label">Upload CV <span class="form-required" title="This field is required.">*</span></label>

  <div class="controls"> 
     <div id="edit-cv-upload-upload" class="cv-upload form-managed-file"> 
       <input type="file" id="edit-cv-upload-upload" name="files[cv_upload]" size="22" class="form-file error">
       <button class="btn form-submit ajax-processed" id="edit-cv-upload-upload-button" name="cv_upload_upload_button" value="Upload" type="submit">Upload</button>
       <input type="hidden" name="cv_upload[fid]" value="0">
     </div>

     <p class="help-block">Files must be less than <strong>5 MB</strong></p>
 </div>
 </div>
</div>

Проверка дает класс ошибки для поля ввода. Поэтому я должен изменить цвет метки, если есть класс ошибок для поля входного файла.

Я попытался с меткой [for =…], и она не работает, так как класс ошибок появляется после проверки. Пожалуйста, помогите

Answer 1

Полагаю, вы можете просто проверить - после проверки - какие входы имеют класс ошибок и добавить некоторый класс к соответствующей метке.

$('.your-form-class').find('.your-error-class').each(function(index,element){
    var id = $(element).attr('id');
    $("label[for='"+id+"']").addClass('label-error-class');
});

Answer 2

Я думаю, вы хотите что-то вроде ниже:

if($('#edit-cv-upload-upload).hasClass('errorClass')){ $('label').addClass('redColor'); }

CSS:

.redColor{
   color: 'red'
}