Индекс элемента в наборе
Возвращяет индекс заданного элемента в наборе (2 и 3 вариант использования) или относительно соседних элементов (1 вариант использования). Метод имеет следующие варианты использования:
Примеры
Рассмотрим следующий html-текст:
<ul> <li id="foo">foo</li> <li id="bar">bar</li> <li id="baz">baz</li> </ul>
следующие два абзаца кода будут делать одно и то же:
var listItem = document.getElementById('bar'); alert('Index: ' + $('li').index(listItem)); var listItem = $('#bar'); alert('Index: ' + $('li').index(listItem));
в результате, на экран будет два раза выведено: "Index: 1". Это же, будет выведено на экран и в следующем случае:
alert('Index: ' + $('#bar').index("li"));
таким образом видно, что второй и третий вариант использования метода index() отличаются порядком следования элемента поиска и области поиска.
alert('Index: ' + $('#bar').index());
В данном случае, jQuery будет искать элемент с идентификатором bar, среди соседних элементов, которыми в нашем случае являются элементы li.