.each jQuery中的多个条件 [英] Multiple condition in .each 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>  

我想通过toggle将sp-right class更改为sp-left class，将sp-left更改为sp-right.

I want to change sp-rightclass to sp-left class and sp-left to sp-right with toggle .

这是我的 jquery :

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

它只能工作一次，只能使用1个元素?
有什么主意吗?
谢谢

it's working only once and for 1 element ?
Any idea ?
Thanks

推荐答案

使用 toggleClass 只需一行即可:

As simple as one line with toggleClass:

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

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

No need to check for classes and remove/addClass manually, as toggleClass does exactly this. You can also provide multiple space separated classes to toggle.

这篇关于.each jQuery中的多个条件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！