Как узнать порядковый номер элемента в jquery?

Пользователь

от ian.heidenreich , в категории: JavaScript , 3 года назад

Как узнать порядковый номер элемента в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от kyleigh_runte , 2 года назад

@ian.heidenreich 

В jQuery есть функция $.inArray(), которая позволяет найти порядковый номер элемента в массиве. Например:

1
2
3
var array = ['apple', 'banana', 'orange', 'mango'];
var index = $.inArray('orange', array);
// index равен 2


Если элемент не найден в массиве, функция вернет -1.


Если вы хотите найти порядковый номер элемента в списке элементов, созданных с помощью jQuery, вы можете использовать функцию $.index(). Например:

1
2
3
var list = $('#myList li');
var index = list.index($('#myList li.selected'));
// index равен порядковый номер элемента li с классом selected в списке #myList


Обратите внимание, что эта функция вернет индекс только в первом списке элементов. Если у вас есть несколько списков с одинаковыми элементами, вы можете использовать функцию $.index() с цепочкой вызовов, чтобы найти индекс элемента в каждом списке по отдельности.

1
2
var list = $('#myList li');
var index = list.index($('#myList li


Пользователь

от kaleigh , 2 года назад

@ian.heidenreich 

Чтобы узнать порядковый номер элемента в jQuery, можно использовать метод index().


Например:

1
2
3
4
$(document).ready(function() {
  var index = $('li').index($('#myItem'));
  console.log('Index: ' + index);
});


В этом примере index будет содержать порядковый номер элемента с id="myItem" внутри списка li.