Отслеживание второго активного слайда
 

Имеется слайдер owl carousel 1.3 с 6 слайдами. Отображаются по 3. Активные слайды имеют класс active. Каким образом можно отследить второй активный слайд и применять css только к нему (требуется прописать display:block для кнопки внутри слайда)? Через nth-child работает почти как надо, но он слайды считает только при загрузке страницы, при перелистывании слайдов css не обновляет.

<script type="text/javascript">
$(document).ready(function() {  
$(".owl-zk").owlCarousel({
items:3,
addClassActive:true,
navigation: true,
navigationText: ['<img src="/left.png" alt="" />', '<img src="/right.png" alt="" />'],
pagination: false
});
});</script>

Может селектор неправильно присваиваете? попробуйте вместо "nth-child" "nth-of-type"

А он имеет API, в котором есть события, в которых можно получать разную информацию.

$(selector).owlCarousel({
   options 
}).on('translated.owl.carousel', function(e) {
   e.item.index - индекс текущего слайдера
})

j0hnik,
Не работает:)
laimas,
Читал документацию, сейчас пытаюсь присвоить стиль к активному элементу:)

sergey24,
активный, это, по идее, индекс слайдера с нулевой позицией относительно окна слайдера, но от общего числа слайдов. А если из группы трех взять второй, это выделить средний, надо полагать? Поэтому не текущий активный нужен, а текущий + 1.

laimas,
Всё очень плохо:write:

sergey24,
скачайте новую версию owlCarousel тогда можно будет сделать с помощью api которое показал laimas,
только немного уточнить его код. выборка нужна не по индексу слайдера а по фильтрации активных блоков
https://owlcarousel2.github.io/OwlCarousel2/

есть несколько блоков три из них имеют класс "active" как выбрать второй активный с помощью css?

что именно не известно, но думаю, что той информации, которой обладает каждое событие слайдера вполне достаточно для решения пробелмы.

А индекс разве не дает нужного?