Ajutați dezvoltarea site -ului, împărtășind articolul cu prietenii!

Definiția indexului jQuery

Funcția jQuery index() este folosită pentru a returna indexul elementului specific în raport cu selectorul. Funcția jQuery index() este o funcție încorporată în jQuery. Funcția jQuery index() caută elementul specificat printre elementele potrivite, dacă elementul l-a găsit, atunci returnează indexul elementului, dacă elementul nu este găsit în elementele potrivite, atunci returnează -1. Dacă niciun parametru nu este transmis funcției index(), atunci returnează poziția primului element prezent în obiectul jQuery.

Sintaxă:

$( selector). index( element );

Parametri:

  • element - Acesta este un parametru opțional. Specifică elementul care urmează să caute și să returneze valoarea indexului în raport cu selectorul.
  • Valoarea de returnare - Valoarea de returnare a acestei funcții este valoarea indexului elementului specificat.

Funcționarea funcției jQuery index()

Funcția JQuery index() acceptă un parametru, parametrul este elementul care trebuie căutat în elementele potrivite. Să presupunem că avem un element folosit în pagina următoare, trebuie să găsim indexul unui anumit element precum „div”. Deci putem folosi funcția index() ca „$( „div” ).index( );”, care va returna un număr care indică indexul elementului „div” din pagină.

Exemple

Exemplu de funcție jQuery index() pentru a obține valoarea indexului elementului specific -

Exemplu 1

Cod:


Acesta este un exemplu pentru funcția jQuery index( )

Acesta este un exemplu de funcție index():


Faceți clic pe lista de elemente de mai jos pentru a obține valoarea indexului lor în lista lor.

Lista de legume este :



  1. Porumb
  2. Ciupercă
  3. Broccoli
  4. Castraveți

Lista de fructe este :



  1. Apple
  2. Banana
  3. Crese
  4. Pome

O ieșire a codului de mai sus este -

Odată ce facem clic pe lista de elemente, ieșirile respective sunt -

În codul de mai sus, există două liste de comenzi create pentru legume și fructe. În continuare, funcția index() este utilizată pentru a obține indexul elementelor de listă selectate sau pe care se face clic ca „$( this ).index();”. Rețineți că ambele liste sunt diferite, astfel încât elementul oferă valoarea indexului în raport cu lista sa, așa cum putem vedea în rezultatul de mai sus.

Exemplu de funcție jQuery matrice indexOf() pentru a obține indexul elementelor din selector cu valoarea parametrului care trece pentru căutare -

Exemplu 2

Cod:


Acesta este un exemplu pentru funcția jQuery index( )

Acesta este un exemplu de funcție index():


Acesta este primul paragraf fără nicio clasă.

"Aceasta este o cutie de primă deschidere cu clasa c1.
"

" Acesta este un al doilea paragraf cu clasa c1."

"Aceasta este o a doua casetă cu clasa c1.
"

O ieșire a codului de mai sus este -

Odată ce facem clic pe primul element p, rezultatul este -

Odată ce facem clic pe primul element span, rezultatul este -

Odată ce facem clic pe al doilea element p, rezultatul este -

Odată ce facem clic pe al doilea element span, rezultatul este -

În codul de mai sus, sunt folosite elementele „h3” „p” și „span”, „p” și „span” sunt folosite și cu clasa. În continuare, funcția index() este folosită pentru a obține indexul elementelor selectate sau pe care se face clic cu și fără clasă. Codul „$( „.c1” ).index( „span”);” selectează elementele care au clasa „c1” și dintre acestea selectează indexul elementului „span” din lista selectată. Putem vedea în rezultatul de mai sus rezultatul unei combinații diferite.

Exemplu de funcție jQuery matrice indexOf() pentru a obține indexul elementelor multiple -

Exemplu 3

Cod:


Acesta este un exemplu pentru funcția jQuery index( )

Acesta este un exemplu de funcție index():


Acesta este paragraful.

Aceasta este o cutie span.
Obțineți indexul unui element

O ieșire a codului de mai sus este -

În codul de mai sus, sunt folosite elementele „h3” „p” și „span”. În continuare, funcția index() este folosită pentru a obține indicele „p” care a returnat 1, apoi folosită pentru a obține indicele „p” și „h3” într-un apel care a returnat indicele „h3” care este cel mai mic index și, de asemenea, încercați a treia oară, alternativ, returnați și indexul „h3” care este cel mai mic indice.Deci, dintre selectorii multipli, oferă cel mai mic indice, așa cum putem vedea în rezultatul de mai sus.

Concluzie

Funcția jQuery index() este o funcție încorporată, care este folosită pentru a returna indexul elementului specific în raport cu selectorul.

Ajutați dezvoltarea site -ului, împărtășind articolul cu prietenii!

Categorie:

Limbaje de programare