jquery为特定类型的儿童设置类

Question

我有与多个控件关联的标注标签，当它们中的任何一个都出错时应该变为红色。

<tr> 
    <th> 
     <asp:Label for="test">jquery will make my class as updnValidationErrorLabel</asp:Label> 
    </th> 
    <td > this text is right 
     <asp:TextBox class='textboxWide taskListCheckPreVital' /> 
    </td> 
    <td>this is wrong text hence it has updnValidationErrorInput 
     <asp:TextBox class='dummyclass updnValidationErrorInput'/></td> 

</tr> 
​ 

我想这种做法，但不知道为什么mainparent儿童元素不带班updnValidationErrorInput

//if my sturcture has updnValidationErrorInput 
$('.updnValidationErrorInput').each(function() { 
    // go to tr element 
    var mainParent = $(this).parents('tr:first'); 
    // under tr element find updnValidationErrorInput 
    if(mainParent.children('.updnValidationErrorInput').length > 0){ 
    // set label which has for attribute with updnValidationErrorLabel 
    mainParent.children('label').attr('for').removeClass().addClass('updnValidationErrorLabel');   
    } 
}); 

任何帮助将不胜感激显示。

Answer 1

既然你从来的<input>的.length检查必须是真实的，所以你可以删除它们。你可以缩短它归结为这个总：

$('.updnValidationErrorInput').each(function() { 
    $(this).cloesest('tr').find('label[for]') 
      .removeClass().addClass('updnValidationErrorLabel'); 
}); 

而不是.parents('tr:first')可以使用当量（便宜）.closest()，然后找到任何<label>元素与for=""属性，并改变它们的类。