Имею такой вид разметки:
<div id="modal-work" class="gallery-open mfp-hide">
<buton class="icon arrow-left"></buton>
<buton class="icon arrow-right"></buton>
<buton class="icon close"></buton>
<img src="path">
<img src="path">
<img src="path" class="active">
</div>
Когда я пытаюсь получить порядковый номер активного изображения скрипт учитывает всех потомков родительского блока включая и кнопки. Т.е. нужно посчитать именно изображения и определить номер активно. Подскажите, пожалуйста, правильный селектор или скрипт который поможет мне решить эту задачу. Для получения порядкового номера пытался использовать .index.
