Palīdziet vietnes attīstībai, daloties ar rakstu ar draugiem!

JQuery indeksa definīcija

Funkcija jQuery index() tiek izmantota, lai atgrieztu konkrētā elementa indeksu attiecībā pret atlasītāju. Funkcija jQuery index() ir jQuery iebūvēta funkcija. Funkcija jQuery index() meklē norādīto elementu starp saskaņotajiem elementiem, ja elements to atrada, tad atgriež elementa indeksu, ja elements nav atrasts saskaņotajos elementos, tad atgriež -1. Ja funkcijai index() netiek nodots neviens parametrs, tā atgriež pirmā jQuery objektā esošā elementa pozīciju.

Sintakse:

$( selektors). index( elements );

Parametri:

  • element - šis ir neobligāts parametrs. Tas norāda elementu, kuram jāmeklē un jāatgriež indeksa vērtība attiecībā pret atlasītāju.
  • Atgriešanās vērtība - šīs funkcijas atgriešanas vērtība ir norādītā elementa indeksa vērtība.

JQuery indeksa() darbība

Funkcija JQuery index() pieņem vienu parametru, parametrs ir elements, kas jāmeklē saskaņotajos elementos. Pieņemsim, ka šajā lapā tiek izmantots elements, mums ir jāatrod noteikta elementa rādītājs, piemēram, “div”. Tātad mēs varam izmantot funkciju index() kā “$( “div” ).index( );”, kas atgriezīs skaitli, kas norāda “div” elementa indeksu lapā.

Piemēri

Funkcijas jQuery index() piemērs, lai iegūtu konkrētā elementa indeksa vērtību -

Piemērs 1

Kods:


Šis ir funkcijas jQuery index( ) piemērs

Šis ir indeksa () funkcijas piemērs:


Noklikšķiniet uz tālāk esošā elementu saraksta, lai sarakstā iekļautu to indeksa vērtību.

Dārzeņu saraksts ir:



  1. Kukurūza
  2. Sēne
  3. Brokoļi
  4. Gurķis

Augļu saraksts ir:



  1. Apple
  2. Banāns
  3. Ķirsis
  4. Pome

Iepriekš minētā koda izvade ir -

Kad noklikšķinām uz elementu saraksta, attiecīgie izvadi ir -

Iepriekš minētajā kodā ir izveidoti divi dārzeņu un augļu pasūtījumu saraksti. Tālāk funkcija index() tiek izmantota, lai iegūtu atlasīto vai noklikšķināto saraksta elementu indeksu kā “$( this ).index();”. Ņemiet vērā, ka abi saraksti ir atšķirīgi, tāpēc elements piešķir indeksa vērtību attiecībā pret savu sarakstu, kā mēs redzam iepriekš sniegtajā izvadē.

Funkcijas jQuery masīva indexOf() piemērs, lai iegūtu elementu indeksu no atlasītāja ar parametra vērtības nodošanu meklēšanai -

Piemērs 2

Kods:


Šis ir funkcijas jQuery index( ) piemērs

Šis ir indeksa () funkcijas piemērs:


Šī ir pirmā rindkopa bez klases.

"Šī ir pirmā laiduma kaste ar c1 klasi.
"

" Šī ir otrā rindkopa ar klasi c1."

"Šī ir otrā laiduma kārba ar c1 klasi.
"

Iepriekš minētā koda izvade ir -

Kad mēs noklikšķinām uz pirmā p elementa, rezultāts ir -

Kad mēs noklikšķinām uz pirmā span elementa, rezultāts ir -

Kad mēs noklikšķinām uz otrā p elementa, rezultāts ir -

Kad noklikšķinām uz otrā laiduma elementa, izvade ir -

Iepriekš minētajā kodā tiek izmantoti elementi “h3” “p” un “span”, kā arī ar klasi tiek izmantoti “p” un “span”. Tālāk funkcija index() tiek izmantota, lai iegūtu atlasīto vai noklikšķināto elementu indeksu ar un bez klases. Kods “$( “.c1” ).index( “span”);” atlasa elementus, kuriem ir klase “c1”, un no tiem atlasītajā sarakstā atlasiet elementu indeksu “span”. Iepriekš redzamajā izvadē varam redzēt rezultātu citai kombinācijai.

JQuery masīva indexOf() funkcijas piemērs, lai iegūtu vairāku elementu indeksu -

Piemērs 3

Kods:


Šis ir funkcijas jQuery index( ) piemērs

Šis ir indeksa () funkcijas piemērs:


Šī ir rindkopa.

Šī ir span kaste.
Iegūt elementa indeksu

Iepriekš minētā koda izvade ir -

Iepriekš minētajā kodā tiek izmantoti elementi “h3”, “p” un “span”. Tālāk funkcija index () tiek izmantota, lai iegūtu indeksu “p”, kas atgrieza 1, pēc tam izmanto, lai iegūtu indeksu “p” un “h3” vienā izsaukumā, kas atgrieza indeksu “h3”, kas ir zemākais. indeksu un arī mēģiniet trešo reizi alternatīvi, tur arī atgriež "h3" indeksu, kas ir zemākais indekss.Tātad starp vairākiem atlasītājiem tas nodrošina zemāko indeksu, kā redzams iepriekš sniegtajā izvadā.

Secinājums

Funkcija jQuery index() ir iebūvēta funkcija, ko izmanto, lai atgrieztu konkrētā elementa indeksu attiecībā pret atlasītāju.

Palīdziet vietnes attīstībai, daloties ar rakstu ar draugiem!

Kategorija:

Programmēšanas valodas