Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Seleção de múltiplos elementos com jQuery

01-08-2009 12:10

Olá pessoal,

Tenho uma classe chamada ronaldo que uso em 10 divs (blocos), qual o meu objetivo? Selecionar o primeiro div, quando a função for chamada novamente, o segundo div, e assim por diante.

Mas não consigo isso com o uso do jQuery! :X

<div class="ronaldo">div 1</div> <div class="ronaldo">div 2</div> <div class="ronaldo">div 3</div> <div class="ronaldo">div 4</div> <div class="ronaldo">div 5</div> <div class="ronaldo">div 6</div> <div class="ronaldo">div 7</div> <div class="ronaldo">div 8</div> <div class="ronaldo">div 9/div> <div class="ronaldo">div 10</div>

Só consegui até agora selecionar o primeiro e o último, assim:

$("div.ronaldo:first")... $("div.ronaldo:last")...

Alguém poderia ajudar? ;x
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Seleção de múltiplos elementos com jQuery

01-08-2009 12:45

Aqui vai um exemplo para mostrar o conteúdo da 3ª div de acordo com seu exemplo

alert($("div.ronaldo:nth-child(3)").text())
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Sexo: Masculino
Localização: Bahia
Contato:

Seleção de múltiplos elementos com jQuery

01-08-2009 13:43

Com esse comando eu nem posso mudar o estilo do elemento, tipo:

$("div.ronaldo:nth-child(3)").css("color", "red");

O.o
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Seleção de múltiplos elementos com jQuery

01-08-2009 15:16

Aqui eu mudei :confused

<script src="jquery.js"></script> <script> $(document).ready(function(){ $("div.ronaldo:nth-child(3)").css("color", "red"); }); </script> <div class="ronaldo">div 1</div> <div class="ronaldo">div 2</div> <div class="ronaldo">div 3</div> <div class="ronaldo">div 4</div> <div class="ronaldo">div 5</div> <div class="ronaldo">div 6</div> <div class="ronaldo">div 7</div> <div class="ronaldo">div 8</div> <div class="ronaldo">div 9</div> <div class="ronaldo">div 10</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Google [Bot]