¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!

Definición del índice jQuery

La función jQuery index() se usa para devolver el índice del elemento específico con respecto al selector. La función jQuery index() es una función integrada en jQuery. La función jQuery index() busca el elemento especificado entre los elementos coincidentes, si el elemento lo encontró, devuelve el índice del elemento, si el elemento no se encuentra entre los elementos coincidentes, devuelve -1. Si no se pasa ningún parámetro a la función index(), devuelve la posición del primer elemento presente dentro del objeto jQuery.

Sintaxis:

$(selector). índice( elemento );

Parámetros:

  • element - Este es un parámetro opcional. Especifica el elemento que se busca y devuelve el valor del índice con respecto al selector.
  • Valor de retorno: el valor de retorno de esta función es el valor de índice del elemento especificado.

Funcionamiento de la función jQuery index()

La función index() de JQuery acepta un parámetro, el parámetro es el elemento que se busca en los elementos coincidentes. Supongamos que tenemos un elemento utilizado en la página siguiente, necesitamos encontrar el índice de un elemento específico como "div". Entonces podemos usar la función index() como "$( "div" ).index( );", que devolverá un número que indica el índice del elemento "div" en la página.

Ejemplos

Ejemplo de la función jQuery index() para obtener el valor de índice del elemento específico -

Ejemplo 1

Código:


Este es un ejemplo de la función jQuery index()

Este es un ejemplo de la función index():


Haga clic en la siguiente lista de elementos para obtener su valor de índice entre su lista.

La lista de vegetales es:



  1. Maíz
  2. Seta
  3. Brócoli
  4. Pepino

La lista de frutas son:



  1. manzana
  2. Plátano
  3. Cereza
  4. Pome

Una salida del código anterior es -

Una vez que hacemos clic en la lista de elementos, las salidas respectivas son -

En el código anterior, hay dos listas de pedidos creadas para las verduras y las frutas. A continuación, la función index() se usa para obtener el índice de los elementos de la lista seleccionados o en los que se hizo clic como “$( this ).index();”. Tenga en cuenta que ambas listas son diferentes, por lo que el elemento proporciona el valor de índice con respecto a su lista, como podemos ver en el resultado anterior.

Ejemplo de la función jQuery array indexOf() para obtener el índice de los elementos del selector pasando el valor del parámetro para la búsqueda -

Ejemplo 2

Código:


Este es un ejemplo de la función jQuery index()

Este es un ejemplo de la función index():


Este es un primer párrafo sin ninguna clase.

"Esta es una caja de primer tramo con clase c1.
"

" Este es un segundo párrafo con clase c1."

"Este es un segundo cuadro de tramo con clase c1.
"

Una salida del código anterior es -

Una vez que hacemos clic en el primer elemento p, la salida es -

Una vez que hacemos clic en el primer elemento de intervalo, la salida es -

Una vez que hacemos clic en el segundo elemento p, la salida es -

Una vez que hacemos clic en el segundo elemento de tramo, la salida es -

En el código anterior, se usan los elementos "h3", "p" y "span", "p" y "span" también se usan con la clase. A continuación, la función index() se usa para obtener el índice de los elementos seleccionados o en los que se hizo clic con y sin clase. El código “$(“.c1” ).index(“span”);” selecciona los elementos que tienen clase “c1” y entre estos selecciona el índice del elemento “span” en la lista seleccionada. Podemos ver en el resultado anterior el resultado de una combinación diferente.

Ejemplo de la función jQuery array indexOf() para obtener el índice de varios elementos -

Ejemplo 3

Código:


Este es un ejemplo de la función jQuery index()

Este es un ejemplo de la función index():


Este es el párrafo.

Esta es una caja de extensión.
Obtener el índice de un elemento

Una salida del código anterior es -

En el código anterior, se utilizan los elementos "h3", "p" y "span". Luego, la función index() se usa para obtener el índice de "p" que devolvió 1, luego se usó para obtener el índice de "p" y "h3" en una llamada que devolvió el índice de "h3" que es el más bajo index y también intente por tercera vez alternativamente, también devuelve el índice "h3" que es el índice más bajo.Entonces, entre los selectores múltiples, da el índice más bajo, como podemos ver en la salida anterior.

Conclusión

La función jQuery index() es una función integrada, que se utiliza para devolver el índice del elemento específico con respecto al selector.

¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!

Categoría:

Lenguajes de programación