javascript - .each jQuery 中的多个条件

Question

这是我的 HTML

<span class="sp-right">
    <label>Name:</label>
</span>
<span class="sp-left">
    <select name="omoor" required>
        <option value="" style="display:none">something</option>
    </select>
</span>  

我想将 sp-rightclass 更改为 sp-left class 并将 sp-left 更改为 sp-right 与切换。

这是我的jquery:

$(".sp-right").each(function(){
    $(this).removeClass("sp-right").addClass("sp-left");
});  

它只对 1 个元素工作一次？
有什么想法吗？
谢谢

Answer 1

只需一行 toggleClass :

$('.sp-right, .sp-left').toggleClass("sp-right sp-left");

无需手动检查类和删除/添加类，因为 toggleClass 正是这样做的。您还可以提供多个空格分隔的类来切换。