刪除jquery中的多級div內的所有文本框的css類

Question

我想刪除第三級div內的所有文本框的特定css類。

<div class="panel panel-default" id="pnlChangeLoginInfo"> 
         <div class="panel-heading">Change Login Information</div> 
         <div class="panel-body"> 
          <div class="row">&nbsp;</div> 
          <div class="row"> 
           <div class="col-md-5">Current Password:</div> 
           <div class="col-md-7"><input class="form-control" id="txtCurPassword" name="txtCurPassword" type="password" /> 
           <input class="form-control" id="hidCurPassword" name="Contact_Model.Password" type="hidden" value="irecadmin01" /></div> 
          </div> 
          <div class="row">&nbsp;</div> 
          <div class="row"> 
           <div class="col-md-5">New Password:</div> 
           <div class="col-md-7"><input class="form-control" id="txtNewPassword" name="txtNewPassword" type="password" /></div> 
          </div> 
          <div class="row">&nbsp;</div> 
          <div class="row"> 
           <div class="col-md-5">Repeat Password:</div> 
           <div class="col-md-7"><input class="form-control" id="txtRepPassword" name="txtRepPassword" type="password" /></div> 
          </div> 
          <div class="row">&nbsp;</div> 
          <div class="row"> 
           <div class="col-md-5">Login Email Address:</div> 
           <div class="col-md-7"><input class="form-control" id="txtLoginEmail" name="Contact_Model.EmailAddress" type="text" value="william.robinson@irec.idaho.gov" /></div> 
          </div> 
          <div class="row">&nbsp;</div> 

         </div> 
        </div> 

在這個網站我怎麼能基於DIV ID刪除CSS類「形式控制」的所有文本框的「pnlChangeLoginInfo」

Answer 1

$('#pnlChangeLoginInfo > div > div > input.form-control').removeClass('form-control'); 

請注意，這個例子非常精確地比賽input.form-control元素那就是正好從#pnlChangeLoginInfo元素下降3個級別。不過，我沒有看到在符合input.form-control條件的其他級別的其他元素，所以你可能會發現下面的作品一樣好：

$('#pnlChangeLoginInfo input.form-control').removeClass('form-control'); 

第二個的優點是，它會更對未來的微小DOM更新具有適應性。