JQuery найти индекс сфокусированного ввода

Question

Как найти индекс сфокусированного поля ввода? Теперь у меня есть этот код:

var forma = $('form#mali_oglas'), 
    pomoc = $('div[role=pomoc]'),  
    input = forma.find('input[type!=hidden], textarea'); 

    index = input.focus().index(); 
    console.log(index); 

Все, что я получаю это количество входных элементов в форме (15 на данный момент).

Answer 1

http://jsfiddle.net/iambriansreed/QyUHv/

JQuery

var f = $('form'); 
f.click(function(){  
    $('#index').val($(':input:focus',f).index());  
});​ 

HTML

<form>  
<input value="hello"/><br/> 
<textarea></textarea><br/> 
<input/><br/> 
<input/><br/> 
<select><option>Option</option></select><br/> 
<input/><br/> 
</form><br/><br/> 
Field Index with focus: 
<input id="index"/> 

Answer 2

Используйте :focus селектор:

index = forma.find(":focus").index(); 

Answer 3

$.focus()дает выбранный элемент фокус. Вместо этого вы хотите выбрать сфокусированный элемент. К счастью, у jQuery вас покрыли :focus.

var input = forma.find('input:focus, textarea:focus'); 
var index = input.index(); 
console.log(index); 

Примечание: я удалил селектор [type!=hidden], так как скрытые поля ввода не может иметь фокус.

Answer 4

Вы должны иметь возможность использовать псевдокласс для поиска элемента с фокусом.

input = forma.find('input:focus, textarea:focus'); 

http://www.w3schools.com/cssref/sel_focus.asp

НЕ ПРОВЕРЕНО

Answer 5

использование :focus selector

index = input.index(input.filter(':focus'))