2017-10-12 9 views
1

私のowl-carouselの各スライドに異なるクラスを追加しようとしています。Owlカルーセルのowl-itemに+1クラスを追加

例:クラス

owl-item one 

スライド2はそれとしてのJavaScript/jQueryを介して行わEBに必要など

owl-item two 

を有することになるため

スライド1があります動的目的のため。

何か助けが得意です!

ありがとうございました!

+2

あなたはhtmlコードを投稿することができ、あなたのフクロウカルーセルの構造は何ですか。 – bhansa

答えて

0

私はあなたのカルーセルスライドのアイテムのクラスowl-itemを持っていると仮定しています。

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

と使用:

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

owlが初期化された後、owlアイテムをループし、各emをクラスに追加します。

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

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

関連する問題