Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, estou estudando sobre jQuery e, portanto, sou meio leigo no assunto. Me perdoem caso eu seja "ignorante".
Tenho uma página com a seguinte marcação:
<body> <h1>Aprendendo jQuery</h1> <p>Parágrafo 1</p> <p>Parágrafo 2</p> <p>Parágrafo 3</p></body>
Quero agora mudar a cor do terceiro parágrafo descendente do elemento body, usando jQuery. Para isso, utilizei o recurso do seletor CSS. Fiz da seguinte forma:
$(document).ready(function() { $('body p:nth-child(3)').css('color', '#FF0000'); });
Acontece que a mudança de cor é feita no segundo parágrafo e não no terceiro, como eu tinha planejado.
Ideias?
Desde já, muito obrigado!
Obrigado Bruno! Resolvido.
$('body p:nth-of-type(3)').css('color', '#FF0000');ou:
$('body > p').eq(2).css('color', '#FF0000');o .eq considera o primeiro elemento como zero (0), por isso o terceiro é 2.