Javascript 每个jQuery中有多个条件

这是我的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-left, .sp-right").each(function(){
    var el = $(this);

    if (el.hasClass('sp-left')) {
        el.removeClass("sp-left").addClass("sp-right");
    } else {
        el.removeClass("sp-right").addClass("sp-left");
    }    
});  

---

检查函数中的当前类名

$(".sp-left, .sp-right").each(function(){
    var el = $(this);

    if (el.hasClass('sp-left')) {
        el.removeClass("sp-left").addClass("sp-right");
    } else {
        el.removeClass("sp-right").addClass("sp-left");
    }    
});  

---

简单到一行，带有：

---

无需检查类并手动删除/添加类，因为

toggleClass

正是这样做的。您还可以提供多个以空格分隔的类进行切换。

只需一行即可：

---

无需检查类并手动删除/添加类，因为

toggleClass

正是这样做的。您还可以提供多个以空格分隔的类进行切换。

您可以将一个函数传递给toggleClass，无需每个函数！您可以将一个传递函数传递给toggleClass，不需要每个！

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