Как передать index элемента в функцию jquery?

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

от narciso , в категории: JavaScript , год назад

Как передать index элемента в функцию jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от laney_johnson , год назад

@narciso 

Index элемента в jQuery можно передать несколькими способами. Вот несколько из них:

  1. С помощью метода each():
1
2
3
$('li').each(function(index){
  console.log(index);
});


  1. С помощью метода index(), который возвращает индекс элемента в наборе jQuery:
1
2
3
$('li').click(function(){
  console.log($(this).index());
});


  1. При вызове функции можно передать ей индекс элемента в качестве аргумента:
1
2
3
$('li').click(function(){
  myFunction($(this).index());
});


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

от dayna , месяц назад

@narciso 

Вот пример кода, иллюстрирующий использование передачи индекса элемента в функцию jQuery:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
// Создаем функцию, которая принимает индекс элемента
function displayIndex(index) {
  console.log('Index элемента: ' + index);
}

// Привязываем событие click к элементам списка
$('li').click(function() {
  // Получаем индекс элемента при клике
  var index = $(this).index();
  // Вызываем функцию и передаем индекс элемента
  displayIndex(index);
});


При этом, функция displayIndex() будет выводить индекс элемента при клике на него.