Pomôžte rozvoju stránky a zdieľajte článok s priateľmi!

Definícia indexu jQuery

Funkcia jQuery index() sa používa na vrátenie indexu konkrétneho prvku vzhľadom na selektor. Funkcia jQuery index() je vstavaná funkcia v jQuery. Funkcia jQuery index() vyhľadá zadaný prvok medzi zhodnými prvkami, ak ho prvok našiel, vráti index prvku, ak sa prvok nenájde v zhodných prvkoch, vráti -1. Ak sa funkcii index() neodošle žiadny parameter, vráti pozíciu prvého prvku prítomného v objekte jQuery.

Syntax:

$( výber). index( prvok );

Parametre:

  • element – Toto je voliteľný parameter. Špecifikuje prvok, ktorý má vyhľadať a vrátiť hodnotu indexu vzhľadom na selektor.
  • Vrátená hodnota – Návratová hodnota tejto funkcie je indexová hodnota zadaného prvku.

Fungovanie funkcie jQuery index()

Funkcia JQuery index() akceptuje jeden parameter, parameter je prvok, ktorý sa má vyhľadávať v zhodných prvkoch. Predpokladajme, že máme prvok použitý na stránke, potom musíme nájsť index konkrétneho prvku, ako je „div“. Takže môžeme použiť funkciu index() ako “$( “div” ).index();”, ktorá vráti číslo označujúce index prvku “div” na stránke.

Príklady

Príklad funkcie jQuery index() na získanie hodnoty indexu konkrétneho prvku -

Príklad 1

Kód:


Toto je príklad funkcie jQuery index()

Toto je príklad funkcie index():


Kliknutím na nižšie uvedený zoznam prvkov získate ich indexovú hodnotu medzi ich zoznamom.

Zoznam zeleniny je:



  1. Kukurica
  2. Huba
  3. brokolica
  4. Uhorka

Zoznam ovocia je:



  1. Apple
  2. Banán
  3. čerešňa
  4. Pome

Výstup vyššie uvedeného kódu je -

Po kliknutí na zoznam prvkov sú príslušné výstupy -

V kóde vyššie sú vytvorené dva zoznamy objednávok pre zeleninu a ovocie. Ďalej sa funkcia index() používa na získanie indexu vybratých alebo kliknutých prvkov zoznamu ako „$( this ).index();“. Všimnite si, že oba zoznamy sú odlišné, takže prvok dáva hodnotu indexu vzhľadom na jeho zoznam, ako môžeme vidieť vo vyššie uvedenom výstupe.

Príklad funkcie jQuery array indexOf() na získanie indexu prvkov zo selektora s odovzdaním hodnoty parametra pre vyhľadávanie -

Príklad 2

Kód:


Toto je príklad funkcie jQuery index()

Toto je príklad funkcie index():


Toto je prvý odsek bez akejkoľvek triedy.

"Toto je krabica prvého rozpätia s triedou c1.
"

" Toto je druhý odsek s triedou c1."

"Toto je druhý box s triedou c1.
"

Výstup vyššie uvedeného kódu je -

Keď klikneme na prvý prvok p, výstup je -

Keď klikneme na prvý prvok rozsahu, výstup je -

Keď klikneme na druhý prvok p, výstup je -

Keď klikneme na druhý prvok rozsahu, výstup je -

Vo vyššie uvedenom kóde sa používajú prvky „h3“, „p“ a „span“, „p“ a „span“ sa používajú aj s triedou. Ďalej sa funkcia index() používa na získanie indexu vybraných alebo kliknutých prvkov s triedou a bez nej. Kód “$( “.c1” ).index( “span”);” vyberie prvky, ktoré majú triedu „c1“ a spomedzi nich vyberie index prvkov „span“ vo vybranom zozname. Vo vyššie uvedenom výstupe môžeme vidieť výsledok pre inú kombináciu.

Príklad funkcie indexOf() poľa jQuery na získanie indexu viacerých prvkov -

Príklad 3

Kód:


Toto je príklad funkcie jQuery index()

Toto je príklad funkcie index():


Toto je odsek.

Toto je span box.
Získajte index prvku

Výstup vyššie uvedeného kódu je -

V uvedenom kóde sú použité prvky „h3“, „p“ a „span“. Ďalej sa funkcia index() použije na získanie indexu „p“, ktorý vrátil 1, potom sa použije na získanie indexu „p“ a „h3“ v jednom volaní, ktoré vrátilo index „h3“, ktorý je najnižší. index a tiež skúste tretíkrát alternatívne, tam tiež vráti index „h3“, ktorý je najnižším indexom.Takže spomedzi viacerých selektorov dáva najnižší index, ako môžeme vidieť vo vyššie uvedenom výstupe.

Záver

Funkcia jQuery index() je vstavaná funkcia, ktorá sa používa na vrátenie indexu konkrétneho prvku vzhľadom na selektor.

Pomôžte rozvoju stránky a zdieľajte článok s priateľmi!

Kategórie:

Programovacie jazyky