在每张图片中添加数字

Question

我有一个主图像和四个小图像。他们都有alt =“图像”。

<img src="image1.png" alt="image"> 
<div class="other-images"> 
<img src="image2.png" alt="image"> 
<img src="image3.png" alt="image"> 
<img src="image4.png" alt="image"> 
<img src="image5.png" alt="image"> 
</div> 

我想这样做的是将号码添加到起始号码2，像这样的小图像的每一个ALT：

<div class="other-images"> 
<img src="image2.png" alt="image-2"> 
<img src="image3.png" alt="image-3"> 
<img src="image4.png" alt="image-4"> 
<img src="image5.png" alt="image-5"> 
</div> 

是否有一个简单的方法来做到这一点？

Answer 1

这里一个很简单的解决办法：

var i = 2; 
$('.other-images').find('img').each(function(){ 
    $(this).attr('alt', 'image-' + (i++)); 
}) 

这使用jQuery.each()遍历每个元素，并添加适当的ALT属性。

Answer 2

遍历图像和ALT添加到每个而递增数量：

var i = 2; 
$('img').each(() => { 
    $(this).attr('alt', 'image-' + (i++)); 
}); 

Answer 3

你应该试试这个...........

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('.other-images img').each(function(e) { 
     var alt = $(this).attr('alt'); 
     $(this).attr('alt', alt+'-'+(e+2)); 
    }); 
</script>