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

1
2
3

$('li').each(function(index){
  console.log(index);
});

1
2
3

$('li').click(function(){
  console.log($(this).index());
});

1
2
3

$('li').click(function(){
  myFunction($(this).index());
});

 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);
});