addClass添加到具有特定類名的父元素

問題： 1.如何通過類名引用父元素？而且一旦我引用它，我怎麼添加一個新的類名，同時不刪除當前的類名？addClass添加到具有特定類名的父元素

我該如何通過類名引用兄弟元素？

下面是我的當前HTML的結構：

<div class="form-group"> 
    <div class="col-md-12"> 
     <div class="row"> 
      <div class="col-md-4 col-xs-12 no-pad"> 
       <input type="text" class="form-control" id="employeeCount" name="employeeCount" placeholder="{{nls 'example_total_num'}}" value="{{employeeCount}}"></input> 
       <i class="material-icons">error_outline</i> 
       <div class="help-block">&nbsp;</div> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-md-4 col-xs-12 no-pad"> 
       <input type="text" class="form-control" id="salesForceCount" name="salesForceCount" placeholder="{{nls 'example_sales_num'}}" value="{{salesForceCount}}"></input> 
       <i class="material-icons">error_outline</i> 
       <div class="help-block">&nbsp;</div> 

      </div> 
     </div> 
    </div> 
</div>

下面是被綁定到#salesForceCount輸入的上述模糊事件的方法：

procSalesForceCount: function (e) { 
    let $e = $(e.currentTarget); 
    let val = parseInt($e.val()); 
    val = isNaN(val) ? null: val; 
if (val > this.model.get('employeeCount')) { 

    var error_message = `${val} is larger than employee count ${this.model.get("employeeCount")}`; 

//add new class has-error to parent div with form-group class 
    $e.closest(".form-group").addClass("has-error"); 
    $e.siblings('.help-block').html(error_message); 
    return; 
} 
// END 

this.model.set({ salesForceCount: val }); 
    }

來源

2017-02-24 Denoteone

你的「問題」是不是一個問題。這是一對要求。你沒有說過你的代碼不工作的原因。 –

我沒有說清楚..不工作的部分是兩個要求。我遇到了問題，將has-error類添加到具有form-group類的父元素。我遇到了問題，使用幫助塊類將我的error_message添加到兄弟元素。這可以直接在我的評論下面找到//在我的方法中，添加新的類具有錯誤的父div與form-group類。 – Denoteone

@MikeMcCaughan我試圖將我的帖子改爲兩部分的問題。請參閱我上面的編輯。 – Denoteone

我該如何轉介通過類名稱訪問父元素？而且一旦我引用它，我怎麼添加一個新的類名，同時不刪除當前的類名？

$(child).closest(".class-name").addClass("new-class");

我將如何通過引用類名同級元素？

$(selector).siblings(".class-name");

或者

$("selector + .class-name");

來源

2017-02-24 15:31:10 maksymiuk

我已經更新了我的問題，以包含上述答案中概述的正確語法。這些更新已解決了我的問題。謝謝！ +1 – Denoteone

addClass添加到具有特定類名的父元素

回答

相關問題