在第二區間

Question

劍道UI addClass（「K-狀態錯誤」），我有以下的html代碼：

<span aria-activedescendant="categoria_option_selected" aria-busy="false" aria-readonly="false" aria-disabled="false" aria-owns="categoria_listbox" tabindex="0" aria-expanded="false" aria-haspopup="true" role="listbox" unselectable="on" class="k-widget k-dropdown k-header k-state-error" style="width: 200px;"> 
    <span unselectable="on" class="k-dropdown-wrap k-state-default"> 
     <span unselectable="on" class="k-input"></span> 
     <span unselectable="on" class="k-select"> 
      <span unselectable="on" class="k-icon k-i-arrow-s">select</span> 
     </span> 
    </span> 
    <select data-role="dropdownlist" name="categoria" id="categoria" style="width: 200px; display: none;"> 
     <option selected="selected" value=""></option> 
     <option value="Affiti + Utilities">Affiti + Utilities</option> 
     <option value="Stipendi + Contributi">Stipendi + Contributi</option> 
     <option value="Consumo Mensile">Consumo Mensile</option> 
     <option value="Voip">Voip</option> 
     <option value="Internet">Internet</option> 
    </select> 
</span> 

我要添加到第二跨度類：基於選擇addClass('k-state-error')並刪除removeClass('k-state-default') ID。

我曾嘗試：

$('#categoria').closest('.k-state-default').removeClass('k-state-default').addClass('k-state-error');

和： $('#categoria').parent('span').removeClass('k-state-default').addClass('k-state-error'); 這增加了全班第一跨度。

Answer 1

$.closest的用法不正確。它應該用於獲取DOM中的任何祖先（在你的案例中爲span.k-widget）。一旦你得到這個元素，你只需要$.find你想要操作的元素。

下面的代碼做這項工作：

$('#categoria') 
    .closest('span.k-widget') 
    .find('.k-state-default') 
    .removeClass('k-state-default') 
    .addClass('k-state-error');