我想循环遍历div中的所有图像，并将“ left”设置为比上一个图像的left设置多50px。 我在语法上遇到了麻烦。 如何显示第i个img？
的HTML：
<div class="col-md-5 leftimage">
<div class="imageholder">
<img src="img/photo1.jpg" />
<div class="caption">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
</div>
<div class="imageholder">
<img src="img/photo2.jpg" />
<div class="caption">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
</div>
<div class="imageholder">
<img src="img/photo3.jpg" />
<div class="caption">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
</div>
</div>
CSS：
.leftimage {
position: relative;
}
.leftimage .imageholder {
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
width: 300px;
width: max-content;
}
.imageholder:nth-child(1) {
/*left: 100px;*/
}
.imageholder:nth-child(2) {
/*left: 50px;*/
}
.caption {
color: gray;
font-size: 80%;
padding: 10px;
}
jQuery的：
for (var i = 0; i<$('.imageholder img').length; i++) {
$('.imageholder img')[i].css('left', i*50 + 'px'); //this syntax isn't right
}
