Почему не работает слайдер jQuery?

Question

[maitre]

Почему не работает слайдер и выдает ошибку: "slides[i].hasClass is not a function". В каком месте это функция? Помогите разобраться, пожалуйста

$('.slider_nextSlide').on('click', function() {
	
	var slides = $('.slide');
	var currentSlide, index;

	for (var i = 0; i < slides.length; i++) {
		if (slides[i].hasClass('slide__current')) {
			currentSlide = slides[i];
			index = i;
		}
	}

	currentSlide.removeClass('slide__current');
	var nextSlide = slides[index + 1];
	nextSlide.addClass('slide__current');
});

<div class="slider_container">
				<div class="slider_prevSlide">&#171;</div>
				<div class="slider_nextSlide">&#187;</div>
				<ul class="slider">
					<li class="slide slide__current">1</li>
					<li class="slide">2</li>
					<li class="slide">3</li>
				</ul>
			</div>

Comments

[Andrey Perov]

maitre console.log(slides[i]) что выводит?

[Ярослав Иванов]

попробуй slides.eq(i).hasClass('slide__current')

[maitre]

Andrey Perov, ничего, потому что выдает ошибку еще раньше этой строки. Но console.log(slides[0]) выдает элемент <li class="slide">1</li>

[maitre]

Ярослав Иванов, все заработало, спасибо большое! Использовал .eq(i) и потом .eq(index + 1)

[Ярослав Иванов]

maitre, можете отметить ответ)

[maitre]

Ярослав Иванов, да, конечно, спасибо)

Answer 1

[Ярослав Иванов]

slides.eq(i).hasClass('slide__current')

Answer 2

[Виктор Янышев]

Попробуй так

$(slides).each(function(idx, elem) {
  if($(elem).hasClass('slide__current')) {
    curretSlide = $(elem);
    index = idx;
  }
})