javascript - 如何将类添加到相邻元素的输入元素？

Question

($(this).addClass("error")

添加类错误以在验证时选择。但与此同时，我还想将此类添加到 next <span> 中的输入字段中.这是为了解决我所说的问题 here .我认为可以这样做。

以下是我要添加 class="error" 的 html

<select data-placeholder="Pick the ones that apply to you" multiple="" class="js-selection select2-hidden-accessible error" name="option" data-placement="left" data-toggle="tooltip" data-required="true" tabindex="-1" aria-hidden="true" placeholder="Please fill out this field">
                        <option selected="" value=""></option>
                        <option value="1">Shipping / post</option>
                        <option value="2">Customers can collect</option>
                        <option value="3">Other</option>
</select>

<span class="select2 select2-container select2-container--default" dir="ltr" style="width: auto;">
 <span class="selection">
   <span aria-expanded="false" aria-haspopup="true" aria-autocomplete="list" role="combobox" class="select2-selection select2-selection--multiple" tabindex="0">
     <ul class="select2-selection__rendered">
       <li class="select2-search select2-search--inline">
          <input type="search" role="textbox" spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" tabindex="-1" class="select2-search__field" placeholder="Pick the ones that apply to you" style="width: 0px;">
       </li>
     </ul>
    </span>
 </span>
<span aria-hidden="true" class="dropdown-wrapper"></span></span>

Answer 1

根据你的解释this是select，所以你可以这样做:

$(this).addClass('error');
$(this).next().find('input').addClass('error');

您也可以使用 add() 将它们组合成一个操作:

$(this).add($(this).next().find('input')).addClass('error');