Как получить порядковый номер активного элемента?

Question

[mydarck]

Имею такой вид разметки:

<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.

Answer 1

[Андрей Гончаров]

На ум приходит только отнимать кол-во сторонних элементов из полученного index.

Answer 2

[Максим Тимофеев]

var num  = $("#modal-work img.active").prev('img').length + 1;

Answer 3

[Evgeniy Kvasyuk]

нативно
https://jsfiddle.net/EvgeniyKvasyuk/rybe3tns/