Помогнете на развитието на сайта, споделяйки статията с приятели!

Определение на jQuery индекс

Функцията jQuery index() се използва за връщане на индекса на конкретния елемент по отношение на селектора. Функцията jQuery index() е вградена функция в jQuery. Функцията jQuery index() търси посочения елемент сред съвпадащите елементи, ако елементът го е намерил, тогава връща индекса на елемента, ако елементът не е намерен в съответстващите елементи, тогава връща -1. Ако на функцията index() не бъде предаден параметър, тя връща позицията на първия елемент, присъстващ в обекта jQuery.

Синтаксис:

$ (селектор). индекс( елемент );

Параметри:

  • 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();“. Обърнете внимание, че и двата списъка са различни, така че елементът дава стойността на индекса по отношение на своя списък, както можем да видим в горния изход.

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

Пример 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():


Това е параграф.

Това е span box.
Вземете индекса на елемент

Изходът на горния код е -

В горния код се използват елементите “h3” “p” и “span”. След това функцията index() се използва за получаване на индекса на „p“, който връща 1, след което се използва за получаване на индекса на „p“ и „h3“ в едно извикване, което връща индекса на „h3“, който е най-ниският индекс и също така опитайте трети път като алтернатива, там също върнете индекса „h3“, който е най-ниският индекс.Така че сред множеството селектори, той дава най-ниския индекс, както можем да видим в горния изход.

Заключение

Функцията jQuery index() е вградена функция, която се използва за връщане на индекса на конкретния елемент по отношение на селектора.

Помогнете на развитието на сайта, споделяйки статията с приятели!

Категория:

Програмни езици