Ícone do site Linha de Comando

JQuery: Aplicando efeito no primeiro e último elemento

Para facilitar o entendimento vamos utilizar uma tabela como exemplo. A ideia é aplicar uma cor de fundo na primeira e na última célula da tabela.

Para aplicar uma cor de fundo no primeiro elemento, usamos a função first()

Exemplo:
$(‘td’).first().css(‘background’, ‘red’);

Para aplicar uma cor de fundo no último elemento, usamos a função last()

Exemplo:
$(‘td’).last().css(‘background’, ‘red’);

Agora, para manter a cor de fundo da primeira e da última célula em forma de encadeamento de método, teremos que usar a função end(). Esta função guarda o elemento selecionado anteriormente.

Veja código completo:



1 2 3
4 5 6
$('td').first().css('background', 'red').end().last().css('background', 'blue');
Sair da versão mobile