JQuery index - Az adott elem indexének visszaadása

• A jQuery index meghatározása
• A zöldségek listája:
• A gyümölcsök listája:

Segítsen a webhely fejlesztésében, megosztva a cikket a barátokkal!

A jQuery index meghatározása

A jQuery index() függvény arra szolgál, hogy visszaadja az adott elem indexét a választóhoz képest. A jQuery index() függvény a jQuery beépített függvénye. A jQuery index() függvény megkeresi a megadott elemet az illesztett elemek között, ha az elem megtalálta, akkor az elem indexét adja vissza, ha az elem nem található az illesztett elemek között, akkor -1-et ad vissza. Ha nem adunk át paramétert az index() függvénynek, akkor visszaadja a jQuery objektumon belüli első elem pozícióját.

Szintaxis:

$( választó). index( elem );

Paraméterek:

• elem – Ez egy opcionális paraméter. Megadja azt az elemet, amelyiknek meg kell keresnie és visszaadnia az indexértéket a választóhoz képest.
• Visszatérési érték - Ennek a függvénynek a visszatérési értéke a megadott elem indexértéke.

A jQuery index() függvény működése

A JQuery index() függvény egy paramétert fogad el, a paraméter az az elem, amelyiknek az illesztett elemekben kell keresnie. Tegyük fel, hogy van egy elem, amelyet az oldalon használunk, meg kell találnunk egy adott elem indexét, például a „div”. Így használhatjuk az index() függvényt „$( “div” ).index( );” néven, ami egy számot ad vissza, amely a “div” elem indexét jelzi az oldalon.

Példák

Példa a jQuery index() függvényre az adott elem indexértékének lekéréséhez -

Példa 1

Kód:


Ez egy példa a jQuery index( ) függvényre


Ez egy példa az index() függvényre:

A fenti kód kimenete -

Ha rákattintunk az elemek listájára, a megfelelő kimenetek: -

A fenti kódban két rendelési lista található a zöldségekhez és gyümölcsökhöz. Ezután az index() függvény segítségével a kiválasztott vagy kattintott listaelemek indexét „$( this ).index();” formában kapja meg. Vegye figyelembe, hogy mindkét lista különbözik, ezért az elem a listához viszonyítva adja meg az indexértéket, ahogy a fenti kimenetben is láthatjuk.

Példa a jQuery tömb indexOf() függvényére az elemek indexének lekéréséhez a választóból a paraméterérték átadásával a kereséshez -

Példa 2

Kód:


Ez egy példa a jQuery index( ) függvényre


Ez egy példa az index() függvényre:

A fenti kód kimenete -

Ha az első p elemre kattintunk, a kimenet a -

Miután az első span elemre kattintunk, a kimenet -

Ha a második p elemre kattintunk, a kimenet -

Miután a második span elemre kattintunk, a kimenet -

A fenti kódban a „h3” „p” és „span” elemek használatosak, a „p” és „span” pedig az osztálynál is. Ezután az index() függvénnyel lekérjük a kiválasztott vagy kattintott elemek indexét osztályokkal és anélkül. A "$( ".c1" ).index( "span");" kód kiválasztja a „c1” osztályú elemeket, és ezek közül kiválasztja a „span” elemindexet a kiválasztott listában. A fenti kimenetben láthatjuk egy másik kombináció eredményét.

Példa a jQuery tömb indexOf() függvényére a több elem indexének lekéréséhez -

Példa 3

Kód:


Ez egy példa a jQuery index( ) függvényre


Ez egy példa az index() függvényre:

A fenti kód kimenete -

A fenti kódban a „h3” „p” és „span” elemeket használjuk. Ezután az index() függvény a „p” indexének lekérésére szolgál, amely 1-et adott vissza, majd a „p” és „h3” indexét egy hívásban, amely a legalacsonyabb „h3” indexet adta vissza. indexet, és próbálja meg harmadszor is, ott is visszaadja a „h3” indexet, amely a legalacsonyabb index.Tehát a többszörös szelektorok közül ez adja a legalacsonyabb indexet, amint azt a fenti kimenetben láthatjuk.

Következtetés

A jQuery index() függvény egy beépített függvény, amely az adott elem indexét adja vissza a választóhoz képest.

Segítsen a webhely fejlesztésében, megosztva a cikket a barátokkal!