在 owl carousel 中为 owl-item 添加 +1 类答案

【问题标题】：add +1 class to owl-item in owl carousel在 owl carousel 中为 owl-item 添加 +1 类
【发布时间】：2017-10-12 22:35:22
【问题描述】：

我正在尝试为我的 owl-carousel 的每张幻灯片添加一个不同的类。

例子：

幻灯片 1 将用于班级

owl-item one

幻灯片 2 将有

owl-item two

等

它需要通过 javascript / jquery 来完成，因为它用于动态目的。

任何帮助都会很棒！

谢谢！

【问题讨论】：

【解决方案1】：

在 owl 初始化后，循环遍历 owl 项目并为每个项目添加一个类。

$.each($('.owl-item'), function(i, item) {
    $(item).addClass('num-' + i);
    console.log(item);
});

【讨论】：

【解决方案2】：

我假设您的轮播幻灯片项目有 owl-item 类。

var classNum = ["one", "two", "three", "four", ...]

并使用：

$.each($('.owl-item'), function(i, item) {
    $(item).addClass(classNum[i]);
});

【讨论】：