Как получить индекс элемента с определенным классом на jQuery?

Для получения индекса элемента с определенным классом на jQuery можно использовать методы index() или indexOf() в сочетании с методом hasClass().

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

var targetClass = 'my-class'; // класс элемента, индекс которого нужно получить
var index = $('.parent').index($('.parent .'+targetClass));
console.log(index);

В данном примере мы сначала находим все элементы с классом .parent и затем с помощью метода index() находим индекс элемента с классом .my-class, который находится внутри элементов с классом .parent.

Метод indexOf() позволяет получить индекс элемента внутри коллекции элементов. Чтобы найти индекс элемента с определенным классом, можно использовать следующий код:

var targetClass = 'my-class'; // класс элемента, индекс которого нужно получить
var index = $('.parent .'+targetClass).index();
console.log(index);

В данном примере мы сначала находим элементы с классом .my-class, которые находятся внутри элементов с классом .parent, и затем с помощью метода index() получаем их индекс.

Оба этих метода возвращают индекс элемента, начиная с 0. Если элемент с заданным классом не найден, методы возвращают -1.