Estou numa situação que tenho três elementos numa mesma página.
<img class="imagem" />
<img class="imagem" />
<img class="imagem" />
Gostaria de selecionar pela classe o segundo elemento desses 3. Como posso fazer isso via jquery?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeSelecionando pelo índice do elemento, você tem as seguintes opções:
$('.imagem')[index];
$('.imagem').get(index);
$('.imagem:eq('+index+')');
Obs: Lembrando que o índice começa do zero.
Utilize o seletor eq(indíce) do jQuery para selecionar um elemento pelo índice do mesmo.
var $elemento = $('.imagem:eq(1)');
Veja o exemplo abaixo manipulando o elemento.
var $elemento = $('.imagem:eq(1)');
$elemento.attr('style', 'border:1px solid red');
.imagem {
width: 30px;
height: 30px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="imagem" />
<img class="imagem" />
<img class="imagem" />