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

Question

我正在尝试为我的猫头鹰旋转木马的每张幻灯片添加一个不同的类。

示例：

幻灯片1将用于课程

owl-item one

幻灯片2将

owl-item two

等

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

任何帮助都会超级！

谢谢！

Answer 1

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

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

示例：https://jsfiddle.net/cr29y1tc/25/

Answer 2

我假设你的旋转木马幻灯片项目有owl-item课。

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

并使用：

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