Допоможіть розробці сайту, ділитися статтею з друзями!

Визначення індексу jQuery

Функція jQuery index() використовується для повернення індексу конкретного елемента щодо селектора. Функція jQuery index() є вбудованою функцією в jQuery. Функція jQuery index() шукає вказаний елемент серед відповідних елементів, якщо елемент знайшов його, то повертає індекс елемента, якщо елемент не знайдено у відповідних елементах, то повертає -1. Якщо до функції index() не передано жодного параметра, вона повертає позицію першого елемента в об’єкті jQuery.

Синтаксис:

$( селектор). index( element );

Параметри:

  • element - це необов'язковий параметр. Він визначає елемент, який має шукати та повертати значення індексу щодо селектора.
  • Повернене значення - значення, яке повертає ця функція, є значенням індексу вказаного елемента.

Робота функції jQuery index()

Функція JQuery index() приймає один параметр, параметр - це елемент, який потрібно шукати у відповідних елементах. Припустимо, у нас є елемент, який використовується на наступній сторінці, нам потрібно знайти індекс певного елемента, наприклад «div». Отже, ми можемо використовувати функцію index() як “$( “div” ).index();”, яка поверне число, яке вказує на індекс елемента “div” на сторінці.

Приклади

Приклад функції jQuery index() для отримання значення індексу певного елемента -

Приклад №1

Код:


Це приклад функції jQuery index()

Це приклад функції index():


Натисніть на наведений нижче список елементів, щоб отримати їх значення індексу в списку.

Список овочів:



  1. кукурудза
  2. Гриб
  3. брокколі
  4. огірок

Список фруктів:



  1. Apple
  2. банан
  3. Вишня
  4. Pome

Вихід коду вище -

Якщо ми натиснемо на список елементів, відповідні вихідні дані будуть -

У наведеному вище коді створено два списки замовлень для овочів і фруктів. Далі функція index() використовується для отримання індексу вибраних або натиснутих елементів списку як “$( this ).index();”. Зверніть увагу, що обидва списки відрізняються, тому елемент дає значення індексу щодо свого списку, як ми бачимо у наведеному вище виводі.

Приклад функції jQuery indexOf() для отримання індексу елементів із селектора з передачею значення параметра для пошуку -

Приклад 2

Код:


Це приклад функції jQuery index()

Це приклад функції index():


Це перший абзац без класу.

"Це перший блок проміжку з класом c1.
"

" Це другий абзац з класом c1."

"Це друга коробка діапазону з класом c1.
"

Вихід коду вище -

Якщо ми натиснемо на перший елемент p, результат буде -

Якщо ми натиснемо на перший елемент span, результат буде -

Якщо ми натиснемо на другий елемент p, результат буде -

Якщо ми натиснемо на другий елемент span, результат буде -

У наведеному вище коді використовуються елементи «h3», «p» і «span», «p» і «span» також використовуються з класом. Далі функція index() використовується для отримання індексу вибраних або клацаних елементів з класом і без нього. Код “$( “.c1” ).index( “span”);” вибирає елементи, які мають клас «c1», і серед них вибирає індекс елемента «span» у вибраному списку. У наведеному вище виводі ми бачимо результат для іншої комбінації.

Приклад функції indexOf() масиву jQuery для отримання індексу кількох елементів -

Приклад №3

Код:


Це приклад функції jQuery index()

Це приклад функції index():


Це абзац.

Це проміжна коробка.
Отримати індекс елемента

Вихід коду вище -

У наведеному вище коді використовуються елементи «h3», «p» і «span». Далі функція index() використовується для отримання індексу «p», який повернув 1, потім використовується для отримання індексу «p» і «h3» в одному виклику, який повернув індекс «h3», що є найнижчим. індекс, а також спробуйте втретє, як альтернатива, також повертайте індекс «h3», який є найнижчим індексом.Отже, серед множинних селекторів він дає найнижчий індекс, як ми бачимо у наведеному вище виводі.

Висновок

Функція jQuery index() є вбудованою функцією, яка використовується для повернення індексу певного елемента щодо селектора.

Допоможіть розробці сайту, ділитися статтею з друзями!

Категорія:

Мови програмування