jQuery + CSS : switch to "loading"

Question

我有以下设置:

<div class="click red"></div>
<div class="click green"></div>
<div class="click blue"></div>

当单击“click”时，我想将类“load”添加到 div。我处理得很好，但是“红色”、“绿色”和“蓝色”都有背景图像集，所以我需要删除那个类。现在，我知道如何以草率的方式做到这一点，我为 dib“click blue”(由 jquery 返回)上课，然后去掉我需要的东西并替换它但是这是令人难以置信的草率，我看不出这是正确的方法。

处理此问题的正确方法是什么？我需要从 div 中删除第二个类并将其替换为类“加载”。是否有某种方法可以单独调用每个类，.attr("class")[2]？

Answer 1

如果您知道该类是“点击”，您可以设置该类，而不是添加/删除它，如下所示:

$('div').attr('class', 'click load');

如果您知道要删除的类(不确定这是否是一个简化示例)，您可以这样做:

$("div").removeClass('red green blue').addClass('load');

---

编辑:基于评论 - 您可以使用 $.data() 存储类稍后再抓取它以在加载后恢复它，如下所示:

在您的点击功能中:

$.data(this, 'class', $(this).attr('class')); //store the original class
$(this).attr('class', 'click load');          //set loading class

然后稍后恢复它:

$(this).attr('class', $.data(this, 'class')); //restore orignal class