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

Question

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

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

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

Answer 1

Индекс должен быть вызван в элементе li, так как это фактический элемент потомок ul. В каждом из li есть только один a.

$('#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'); 

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