0

Por padrão o jQuery retorna sempre o maior index quando o seletor retorna mais de um elemento, como no exemplo abaixo:

<ul>
    <li>1</li>
    <li>2</li>
    <li class="error">3</li>
</ul>
<ul>
    <li class="error">4</li>
    <li>5</li>
    <li>6</li>
</ul>



$('li').click(function(){
    alert($('.error').parents('ul').index());  
})

Também tentei assim:

alert($('.error')[0].parents('ul').index()); 

No entanto, esta instrução devolve:

TypeError: undefined is not a function

6
  • O que você quer retornar?
    – stderr
    19/02/2015 às 21:58
  • O menor valor de index
    – Iago Leão
    20/02/2015 às 15:00
  • Tentou $('.error').closest('ul').index()); ? Mas pelo que vi, o que você pega o index(), são das li, no seu caso seria $(this).index()... 20/02/2015 às 15:05
  • ou $('.error').closest('ul').find('li:first').index(); OBS: Não testei 20/02/2015 às 15:15
  • 1
    Não sei se é isso que vc quer, mas tente: $('.error').eq(0).parent().index()
    – Lucas
    20/02/2015 às 15:52

1 Resposta 1

2

Assumindo que você deseja obter o index do item com a classe error da <ul> atual você deve utilizar this:

$(this).parent().find('.error').index()

Para obter o index do primeiro item com a classe error em relação a <ul> pai:

$('.error:eq(0)').index()

Note que a função .index() sem argumentos retorna a posição do item atual em relação aos elementos adjacentes

Ainda, se você precisa do index do primeiro item com a classe error em relação à todos os <li> utilize:

$('li').index($('.error'))

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .