JQuery índice - Retornando o Índice do Elemento Específico

• Definição do índice jQuery
• A Lista de Legumes são:
• A Lista de Frutas são:

Ajude o desenvolvimento do site, compartilhando o artigo com os amigos!

Definição do índice jQuery

A função jQuery index() é usada para retornar o índice do elemento específico em relação ao seletor. A função index() do jQuery é uma função embutida no jQuery. A função index() do jQuery procura o elemento especificado entre os elementos correspondentes, se o elemento o encontrou, retorna o índice do elemento, se o elemento não for encontrado nos elementos correspondentes, retorna -1. Se nenhum parâmetro for passado para a função index(), ela retornará a posição do primeiro elemento presente no objeto jQuery.

Sintaxe:

$(seletor). index( elemento );

Parâmetros:

• element - Este é um parâmetro opcional. Ele especifica o elemento que deve pesquisar e retornar o valor do índice em relação ao seletor.
• Valor de retorno - O valor de retorno desta função é o valor de índice do elemento especificado.

Trabalho da função index() do jQuery

A função JQuery index() aceita um parâmetro, o parâmetro é o elemento que deve pesquisar nos elementos correspondentes. Suponha que tenhamos um elemento usado na página a seguir precisamos encontrar o índice de um elemento específico como “div”. Assim, podemos usar a função index() como “$( “div” ).index( );”, que retornará um número que indica o índice do elemento “div” na página.

Exemplos

Exemplo da função jQuery index() para obter o valor de índice do elemento específico -

Exemplo 1

Código:


Este é um exemplo para a função jQuery index()


Este é um exemplo da função index():

Uma saída do código acima é -

Uma vez que clicamos na lista de elementos, as respectivas saídas são -

No código acima, existem duas listas de pedidos criadas para os vegetais e frutas. Em seguida, a função index() é usada para obter o índice dos elementos da lista selecionada ou clicada como “$( this ).index();”. Observe que ambas as listas são diferentes, então o elemento fornece o valor de índice em relação à sua lista, como podemos ver na saída acima.

Exemplo da função indexOf() do array jQuery para obter o índice dos elementos do seletor com a passagem do valor do parâmetro para a pesquisa -

Exemplo 2

Código:


Este é um exemplo para a função jQuery index()


Este é um exemplo da função index():

Uma saída do código acima é -

Uma vez que clicamos no primeiro elemento p, a saída é -

Uma vez que clicamos no primeiro elemento span, a saída é -

Uma vez que clicamos no segundo elemento p, a saída é -

Uma vez que clicamos no segundo elemento span, a saída é -

No código acima, os elementos “h3” “p” e “span” são usados, “p” e “span” usados com a classe também. Em seguida, a função index() é usada para obter o índice dos elementos selecionados ou clicados com e sem classe. O código “$( “.c1” ).index( “span”);” seleciona os elementos que possuem classe “c1” e entre estes seleciona o índice do elemento “span” na lista selecionada. Podemos ver na saída acima o resultado de uma combinação diferente.

Exemplo da função indexOf() do array jQuery para obter o índice dos vários elementos -

Exemplo 3

Código:


Este é um exemplo para a função jQuery index()


Este é um exemplo da função index():

Uma saída do código acima é -

No código acima, são usados os elementos “h3” “p” e “span”. Em seguida, a função index() é usada para obter o índice de “p” que retornou 1, então usada para obter o índice de “p” e “h3” em uma chamada que retornou o índice de “h3” que é o menor index e também tentar a terceira vez alternativamente, também retorna o índice “h3” que é o índice mais baixo.Portanto, entre os vários seletores, ele fornece o índice mais baixo, como podemos ver na saída acima.

Conclusão

A função index() do jQuery é uma função interna, que é usada para retornar o índice do elemento específico em relação ao seletor.

Ajude o desenvolvimento do site, compartilhando o artigo com os amigos!