Помогите, не могу продумать логику.
У меня есть список элементов, которые находятся внутри блока.
<div class="thumbsGallery">
<a href="images/cofeMashine2.png" class="show-image"><img src="images/cofeMashine2.png"/></a>
<a href="images/cofeMashine2.png" class="show-image"><img src="images/cofeMashine2.png" /></a>
<a href="images/cofeMashine1.png" class="show-image"><img src="images/cofeMashine1.png"></a>
<a href="images/cofeMashine2.png" class="show-image"><img src="images/cofeMashine2.png" /></a>
</div>
При нажатии на элемент .show-image ему приписывается дополнительный класс .active.
Далее мне нужно провести проверку и получить порядковый номер данного элемента. Что в дальнейшем с ним работать ( :nth-child(a) )
Как это сделать?