Javascript Jquery-替换数组中定义的多个类

假设我有以下部门：

我想要一个切换按钮来改变设备。因此，应该更改这些类。但是，不仅应更换

.iphone5

，还应更换颜色

.black

我有以下数组：

var devices = [
            '.iphone5 .black',
            '.nexus5',
            '.iphone4s .black',
            '.lumia920 .blue',
            '.s5 .white',
            '.htc-one'
        ];

如何制作一个切换器来检查具有

.device

类的div是否具有数组中定义的一个类，然后用下一个类替换它？比如：

<script>
$('.device').filter(devices.join())$('.device').is(devices.join("")
        .attr('class', 'device ' + devices[NEXT]);
</script>

$（'.device'）.filter（devices.join（））$（'.device'）.is（devices.join（“”）
.attr（'class'，'device'+devices[NEXT]）；

在数组中循环，搜索与当前选择器匹配的所有元素，并用下一个数组元素替换类

您必须反向循环数组。否则，将

.iphone5.black

更改为

.nexus5

后，下一次迭代将更改为

.iphone4s.black

，所有内容都将以数组中的最后一个类结束

for (var i = devices.length-2; i >= 0; i--) {
    $(".device" + devices[i]).attr("class", "device " + devices[i+1].replace(/\./g, ' '));
}

---

另外，您需要将

设备
中的值中的空格去掉。iphone5。black
意味着用class
black
搜索
的子项。iphone5
的类
black
，但您希望这些类应用于相同的元素，因此应该是
。iphone5.black
，谢谢，这非常有效。只需要计算一下我想知道如何一次又一次地运行循环。我应该在最后重置
I
？