Método jQuery indexof()

En este artículo, abordaremos la capacidad indexOf de jQuery, que devuelve una posición del elemento o carácter especificado dentro de los elementos o cadena especificados.

Use el método indexOf en jQuery

La función de array de jQuery indexOf() se utiliza para devolver el índice de la primera aparición de un elemento dado o valor de búsqueda en un array dada. La función de array jQuery indexOf() es una función jQuery integrada.

La función jQuery array indexOf() encuentra el valor/elemento de búsqueda especificado en el array especificada. Si se encuentra el valor/elemento, devuelve la primera aparición del elemento como un valor entero desde la izquierda, y devuelve -1 si el elemento no se encuentra en el array,

La búsqueda del elemento también se puede iniciar desde el índice o la posición especificados. Si no se especifica el índice inicial, la búsqueda comienza desde el principio, índice 0 por defecto.

Para iniciar una búsqueda al final, podemos usar la función lastIndexOf() de jQuery.

Sintaxis:

array.indexOf(searchValue, initPosition);

1. searchValue es un parámetro obligatorio. Indica el searchValue, que es buscar en un array.
2. initPosition es un parámetro opcional. Indica el valor del índice desde donde se iniciará la búsqueda del elemento.

El valor de índice del elemento especificado se devolverá como resultado de esta función. Entendámoslo con un ejemplo sencillo.

Código - HTML:

<select id="index">
  <option>Japanese</option>
  <option>English</option>
  <option>Hindi</option>
  <option>French</option>
  <option>Telugu</option>
</select>

Código - JavaScript + jQuery:

const languages = ['English', 'Hindi', 'Japanese', 'Marathi', 'French'];
$('#index').on(
    'change', () => {console.log(languages.indexOf($('#index').val(), 0))});

Ya hemos definido los idiomas en orden aleatorio en el ejemplo anterior, y una vez que el usuario selecciona uno de los idiomas, intenta encontrar el índice del idioma en el array existente. Esto es más útil cuando estos datos entran dinámicamente.

Intente ejecutar el fragmento de código en cualquier navegador que admita jQuery. Mostrará el resultado a continuación al seleccionar hindi o francés, respectivamente.

Producción :

1
4

Ejecutar código de demostración