Индекс JQuery при выпуске элемента списка

Question

Я работаю над получением индекса элемента списка, содержащегося в UL, класс которого называется zoomThumbActive.Я пробовал почти каждый селектор, о котором я могу думать, и всегда получаю -1 (не найдено).

Я поместил весь код в скрипку :

В этом примере ответ должен быть 3. Есть идеи, что я делаю неправильно?

Answer 1

Индекс должен вызываться для элемента li, поскольку это фактический потомок элемента ul. Есть только один a внутри каждого li.

$('#mainImgA').click(function(){
    var idx = $('.zoomThumbActive').parent().index();
    alert(idx);
});

Answer 2

Это работает:

$('#mainImgA').click(function() {
    var a = $('ul#thumblist li a.zoomThumbActive');
    var i = $('ul#thumblist li a').index(a);
    alert(i);

});

UPDATE:

$('.zoomThumbActive').index('ul#thumblist li a');

Это работает. Я неправильно понял документацию.