Aiuta lo sviluppo del sito, condividendo l'articolo con gli amici!

Definizione dell'indice jQuery

La funzione jQuery index() viene utilizzata per restituire l'indice dell'elemento specifico rispetto al selettore. La funzione jQuery index() è una funzione incorporata in jQuery. La funzione jQuery index() cerca l'elemento specificato tra gli elementi abbinati, se l'elemento lo ha trovato, restituisce l'indice dell'elemento, se l'elemento non è trovato negli elementi abbinati, restituisce -1. Se nessun parametro viene passato alla funzione index(), restituisce la posizione del primo elemento presente all'interno dell'oggetto jQuery.

Sintassi:

$(selettore). indice( elemento );

Parametri:

  • elemento - Questo è un parametro opzionale. Specifica l'elemento che deve cercare e restituire il valore dell'indice rispetto al selettore.
  • Valore di ritorno - Il valore di ritorno di questa funzione è il valore di indice dell'elemento specificato.

Funzionamento della funzione jQuery index()

La funzione JQuery index() accetta un parametro, il parametro è l'elemento che deve cercare negli elementi abbinati. Supponiamo di avere un elemento utilizzato nella pagina successiva, dobbiamo trovare l'indice di un elemento specifico come "div". Quindi possiamo usare la funzione index() come “$( “div” ).index( );”, che restituirà un numero che indica l'indice dell'elemento “div” nella pagina.

Esempi

Esempio di funzione jQuery index() per ottenere il valore dell'indice dell'elemento specifico -

Esempio 1

Codice:


Questo è un esempio per la funzione jQuery index()

Questo è un esempio della funzione index():


Fare clic sull'elenco di elementi di seguito per ottenere il loro valore di indice nell'elenco.

L'elenco delle verdure è :



  1. Mais
  2. Fungo
  3. Broccoli
  4. Cetriolo

L'elenco dei frutti è :



  1. Mela
  2. Banana
  3. Ciliegia
  4. Poma

Un output del codice sopra è -

Dopo aver fatto clic sull'elenco degli elementi, i rispettivi output sono -

Nel codice sopra, ci sono due elenchi di ordini creati per frutta e verdura. Successivamente, la funzione index() viene utilizzata per ottenere l'indice degli elementi dell'elenco selezionati o su cui si è fatto clic come "$( this .index();". Nota che entrambe le liste sono diverse, quindi l'elemento fornisce il valore dell'indice rispetto alla sua lista, come possiamo vedere nell'output sopra.

Esempio di funzione jQuery array indexOf() per ottenere l'indice degli elementi dal selettore passando il valore del parametro per la ricerca -

Esempio 2

Codice:


Questo è un esempio per la funzione jQuery index()

Questo è un esempio della funzione index():


Questo è un primo paragrafo senza alcuna classe.

"Questa è una scatola di primo span con classe c1.
"

" Questo è un secondo paragrafo con classe c1."

"Questa è una seconda casella di campata con classe c1.
"

Un output del codice sopra è -

Dopo aver fatto clic sul primo elemento p, l'output è -

Dopo aver fatto clic sul primo elemento span, l'output è -

Dopo aver fatto clic sul secondo elemento p, l'output è -

Dopo aver fatto clic sul secondo elemento span, l'output è -

Nel codice sopra, vengono usati gli elementi “h3” “p” e “span”, “p” e “span” usati anche con la classe. Successivamente, la funzione index() viene utilizzata per ottenere l'indice degli elementi selezionati o cliccati con e senza classe. Il codice “$( “.c1” ).index( “span”);” seleziona gli elementi che hanno classe “c1” e tra questi seleziona l'indice degli elementi “span” nell'elenco selezionato. Possiamo vedere nell'output sopra il risultato per una combinazione diversa.

Esempio di funzione jQuery array indexOf() per ottenere l'indice di più elementi -

Esempio 3

Codice:


Questo è un esempio per la funzione jQuery index()

Questo è un esempio della funzione index():


Questo è il paragrafo.

Questa è una scatola di estensione.
Ottieni l'indice di un elemento

Un output del codice sopra è -

Nel codice sopra, vengono utilizzati gli elementi “h3” “p” e “span”. Successivamente, la funzione index() viene utilizzata per ottenere l'indice di "p" che ha restituito 1, quindi utilizzato per ottenere l'indice di "p" e "h3" in una chiamata che ha restituito l'indice di "h3" che è il più basso index e prova anche la terza volta in alternativa, restituisce anche l'indice "h3" che è l'indice più basso.Quindi, tra i selettori multipli, fornisce l'indice più basso, come possiamo vedere nell'output sopra.

Conclusione

La funzione jQuery index() è una funzione incorporata, che viene utilizzata per restituire l'indice dell'elemento specifico rispetto al selettore.

Aiuta lo sviluppo del sito, condividendo l'articolo con gli amici!

Categoria:

Linguaggi di programmazione