Padėkite kurti svetainę ir pasidalykite straipsniu su draugais!

JQuery indekso apibrėžimas

Funkcija jQuery index() naudojama konkretaus elemento indeksui grąžinti parinkiklio atžvilgiu. Funkcija jQuery index() yra integruota jQuery funkcija. Funkcija jQuery index() ieško nurodyto elemento tarp atitikusių elementų, jei elementas jį rado, tada grąžina elemento indeksą, jei elemento nerasta suderintuose elementuose, grąžina -1. Jei funkcijai index() neperduodamas joks parametras, ji grąžina pirmojo elemento, esančio jQuery objekte, padėtį.

Sintaksė:

$( parinkiklis). index( elementas );

Parametrai:

  • elementas – tai pasirenkamas parametras. Jame nurodomas elementas, kurio reikia ieškoti ir grąžinti indekso reikšmę selektoriui.
  • Grąžinimo reikšmė – šios funkcijos grąžinama reikšmė yra nurodyto elemento indekso reikšmė.

JQuery indekso() veikimas

Funkcija JQuery index() priima vieną parametrą, parametras yra elementas, kurio reikia ieškoti suderintuose elementuose. Tarkime, kad kitame puslapyje turime elementą, turime rasti konkretaus elemento, pvz., „div“, indeksą. Taigi galime naudoti funkciją index() kaip "$("div" ).index( );", kuri grąžins skaičių, nurodantį "div" elemento indeksą puslapyje.

Pavyzdžiai

Funkcijos jQuery index() pavyzdys, norint gauti konkretaus elemento indekso reikšmę -

1 pavyzdys

Kodas:


Tai yra jQuery indekso ( ) funkcijos
pavyzdys

Tai funkcijos index() pavyzdys:


Spustelėkite toliau esantį elementų sąrašą, kad sąraše būtų rodoma jų indekso reikšmė.

Daržovių sąrašas yra:



  1. Kukurūzai
  2. Grybas
  3. Brokoliai
  4. Agurkas

Vaisių sąrašas yra:



  1. Apple
  2. Bananas
  3. Vyšnia
  4. Pome

Aukščiau pateikto kodo išvestis yra -

Kai spustelėjame elementų sąrašą, atitinkami išėjimai yra -

Aukščiau pateiktame kode yra du užsakymų sąrašai, sukurti daržovėms ir vaisiams. Tada funkcija index() naudojama norint gauti pasirinktų arba spustelėtų sąrašo elementų indeksą kaip "$( this ).index();". Atkreipkite dėmesį, kad abu sąrašai yra skirtingi, todėl elementas pateikia indekso reikšmę jo sąrašo atžvilgiu, kaip matome aukščiau pateiktame išvestyje.

Funkcijos jQuery masyvo indexOf() pavyzdys, norint gauti elementų indeksą iš parinkiklio, perduodant parametro reikšmę paieškai -

2 pavyzdys

Kodas:


Tai yra jQuery indekso ( ) funkcijos
pavyzdys

Tai funkcijos index() pavyzdys:


Tai pirmoji pastraipa be jokios klasės.

"Tai pirmoji tarpatramio dėžė su c1 klase.
"

" Tai antra pastraipa su c1 klase."

"Tai antroji tarpatramio dėžė su c1 klase.
"

Aukščiau pateikto kodo išvestis yra -

Paspaudus pirmąjį p elementą, išvestis yra -

Paspaudus pirmąjį span elementą, išvestis yra -

Paspaudus antrąjį p elementą, išvestis yra -

Paspaudus antrąjį span elementą, išvestis yra -

Aukščiau pateiktame kode naudojami „h3“ „p“ ir „span“ elementai, „p“ ir „span“ taip pat naudojami su klase. Toliau funkcija index() naudojama norint gauti pasirinktų arba spustelėtų elementų indeksą su klase ir be jos. Kodas "$( ".c1" ).index( "span");" parenka elementus, kurie turi klasę "c1", ir iš jų pasirenka "span" elementų indeksą pasirinktame sąraše. Aukščiau pateiktoje išvestyje matome kito derinio rezultatą.

JQuery masyvo indexOf() funkcijos pavyzdys, norint gauti kelių elementų indeksą -

3 pavyzdys

Kodas:


Tai yra jQuery indekso ( ) funkcijos
pavyzdys

Tai funkcijos index() pavyzdys:


Tai pastraipa.

Tai yra tarpinė dėžutė.
Gaukite elemento
indeksą

Aukščiau pateikto kodo išvestis yra -

Aukščiau pateiktame kode naudojami „h3“ „p“ ir „span“ elementai. Toliau funkcija index() naudojama norint gauti „p“ indeksą, kuris grąžino 1, tada naudojama „p“ ir „h3“ indeksui gauti per vieną iškvietimą, kuris grąžino mažiausią „h3“ indeksą. indeksą ir taip pat pabandykite trečią kartą, taip pat grąžinkite „h3“ indeksą, kuris yra žemiausias indeksas.Taigi tarp kelių selektorių jis suteikia mažiausią indeksą, kaip matome aukščiau pateiktoje išvestyje.

Išvada

Funkcija jQuery index() yra įtaisyta funkcija, kuri naudojama norint grąžinti konkretaus elemento indeksą parinkiklio atžvilgiu.

Padėkite kurti svetainę ir pasidalykite straipsniu su draugais!

Kategorija:

Programavimo kalbos