Pomozte vývoji webu a sdílení článku s přáteli!

Definice indexu jQuery

Funkce jQuery index() se používá k vrácení indexu konkrétního prvku s ohledem na selektor. Funkce jQuery index() je vestavěná funkce v jQuery. Funkce jQuery index() hledá zadaný prvek mezi odpovídajícími prvky, pokud jej prvek našel, vrátí index prvku, pokud prvek není nalezen ve shodných prvcích, vrátí -1. Pokud funkci index() není předán žádný parametr, vrátí pozici prvního prvku přítomného v objektu jQuery.

Syntaxe:

$ (volič). index( element );

Parametry:

  • element – Toto je volitelný parametr. Určuje prvek, který má vyhledat a vrátit hodnotu indexu vzhledem k selektoru.
  • Vrácená hodnota – Vrácená hodnota této funkce je indexová hodnota zadaného prvku.

Fungování jQuery index() Function

Funkce JQuery index() přijímá jeden parametr, parametr je prvek, který má hledat v odpovídajících prvcích. Předpokládejme, že máme prvek použitý na stránce, pak musíme najít index konkrétního prvku, jako je „div“. Můžeme tedy použít funkci index() jako „$( „div“ ).index();“, která vrátí číslo, které označuje index prvku „div“ na stránce.

Příklady

Příklad funkce jQuery index() pro získání hodnoty indexu konkrétního prvku -

Příklad 1

Kód:


Toto je příklad funkce jQuery index()

Toto je příklad funkce index():


Kliknutím na níže uvedený seznam prvků získáte jejich indexovou hodnotu v jejich seznamu.

Seznam zeleniny je:



  1. Kukuřice
  2. Houba
  3. brokolice
  4. Okurka

Seznam ovoce je:



  1. Apple
  2. Banán
  3. Třešeň
  4. Pome

Výstup výše uvedeného kódu je -

Jakmile klikneme na seznam prvků, příslušné výstupy jsou -

Ve výše uvedeném kódu jsou vytvořeny dva seznamy objednávek pro zeleninu a ovoce. Dále je funkce index() použita k získání indexu vybraných nebo kliknutých prvků seznamu jako „$( this ).index();“. Všimněte si, že oba seznamy jsou různé, takže prvek udává hodnotu indexu vzhledem ke svému seznamu, jak můžeme vidět ve výše uvedeném výstupu.

Příklad funkce pole jQuery indexOf() pro získání indexu prvků ze selektoru s předáním hodnoty parametru pro vyhledávání -

Příklad 2

Kód:


Toto je příklad funkce jQuery index()

Toto je příklad funkce index():


Toto je první odstavec bez třídy.

"Toto je první span box s třídou c1.
"

" Toto je druhý odstavec s třídou c1."

"Toto je druhý rozpětí box s třídou c1.
"

Výstup výše uvedeného kódu je -

Jakmile klikneme na první prvek p, výstup je -

Jakmile klikneme na první prvek rozsahu, výstup je -

Jakmile klikneme na druhý prvek p, výstup je -

Jakmile klikneme na druhý prvek rozsahu, výstup je -

Ve výše uvedeném kódu jsou použity prvky „h3“, „p“ a „span“, „p“ a „span“ se používají také s třídou. Dále se funkce index() používá k získání indexu vybraných nebo kliknutých prvků s třídou a bez třídy. Kód „$( „.c1“ ).index( „span“);“ vybere prvky, které mají třídu „c1“ a mezi nimi vybere index prvku „span“ ve vybraném seznamu. Ve výše uvedeném výstupu můžeme vidět výsledek pro jinou kombinaci.

Příklad funkce pole jQuery indexOf() pro získání indexu více prvků -

Příklad 3

Kód:


Toto je příklad funkce jQuery index()

Toto je příklad funkce index():


Toto je odstavec.

Toto je span box.
Získejte index prvku

Výstup výše uvedeného kódu je -

Ve výše uvedeném kódu jsou použity prvky „h3“, „p“ a „span“. Dále se funkce index() použije k získání indexu „p“, který vrátil 1, a poté se použije k získání indexu „p“ a „h3“ v jednom volání, které vrátí index „h3“, který je nejnižší. index a také zkuste potřetí alternativně, tam také vrátíte index „h3“, což je nejnižší index.Takže mezi vícenásobnými selektory dává nejnižší index, jak můžeme vidět ve výše uvedeném výstupu.

Závěr

Funkce jQuery index() je vestavěná funkce, která se používá k vrácení indexu konkrétního prvku s ohledem na selektor.

Pomozte vývoji webu a sdílení článku s přáteli!

Kategorie:

Programovací jazyky