.each jQuery 中的多个条件

Multiple condition in .each jQuery

本文关键字：条件 jQuery each      更新时间：2023-09-26

这是我的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-right类更改为sp-left类，sp-left更改为sp-right切换。

这是我的jquery： 

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

它只工作一次，对于 1 个元素？
知道吗？
谢谢

就像一行toggleClass一样简单：

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

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

检查函数内的当前类名。

$(".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");
    }    
});
相关文章：