Ir ao conteúdo
  • Cadastre-se

JQuery manipular divs pelo indice


Posts recomendados

Boa noite amigos , estou tentanto manipular as divs com os indices mas nao estou conseguindo vou explicar abaixo .

 

Este codigo abaixo funciona :

 

$(document).ready(function(){
	var item = $(".progressBar");
	item.animate({width : "30%"})
})	

porém este nao 

 

$(document).ready(function(){
	var item = $(".progressBar");
	item[0].animate({width : "30%"})
})	

Creio que seja porque retorna um objeto se nao me engano , mas entao como faco para manipular esse objeto ?

 

Queria para cada item fazer uma animacao de width por exemplo

 

var array = [10 , 20 , 30 , 40]
$(document).ready(function(){
	var item = $(".progressBar");
  	for ( var i = 0 ; var < item.length ; i++{
      
	item[i].animate({width : array[i] + "%"})
         
    }
})	

porém nao funciona

Link para o post
Compartilhar em outros sites

@WilliamNascimento

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>

<script src="jquery.min.js"></script>

</head>

<body>

<style>
.fotos {
    display: none;
    width: 300px;
    height: auto;
}

</style>

<img src="img_carga/989a783eadeb91c894ef485ba0e18e31.jpg" class="fotos" alt="" />
<img src="img_carga/989a783eadeb91c894ef485ba0e18e31.jpg" class="fotos" alt="" />

<script>
$(document).ready(function(){
	var item = $(".fotos");
    
    $(item[0]).css('display', 'block');
    $(item[1]).css('display', 'block');
    
})
</script>

</body>
</html>

 Aqui comigo, assim funciona.

 

Tente para ver se altera o código e faz funcionar o seu também.

 

Boa Sorte

Link para o post
Compartilhar em outros sites
8 minutos atrás, WilliamNascimento disse:

@Marcelo Calazans Sabe me explicar o porque ?

 Eu acho que se você, ao invés de você se referir ao “item” assim:

item[0].animate({width : "30%"})

Se referir ao “Item” assim como abaixo:

$(item[0]).css('display', 'block');

Creio que vai funcionar o seu código.

 

 

Em resumo, troque isso:

item[0]

Por isso:

$(item[0])

 

Faça um teste para ver.

Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Aprenda a ler resistores e capacitores

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!