Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

DiogoJefferson

Construtor jQuery e seletor CSS não encontram elemento esperado.

Por , em Javascript

Recommended Posts

DiogoJefferson    0

DiogoJefferson
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

$('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.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito