JQuery manipular divs pelo indice

WilliamNascimento · 25 de janeiro de 2021

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

Marcelo Calazans · 25 de janeiro de 2021

@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>