Question

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

添加类错误以在验证时选择。但与此同时，我还想将此类添加到下一个<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');

如何将类添加到相邻元素的input元素？

1 个答案: