将数字添加到每个图像的alt
将数字添加到每个图像的alt
提问于 2017-10-28 18:28:02
我有一个主图像和四个小图像。他们都有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开始，如下所示：
<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>有什么简单的方法吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2017-10-28 18:41:03
以下是一个足够简单的解决方案：
var i = 2;
$('.other-images').find('img').each(function (){
$(this).attr('alt', 'image-' + (i++));
})这使用jQuery.each()循环每个元素并添加适当的alt属性。
Stack Overflow用户
发布于 2017-10-28 18:35:54
迭代图像并将alt添加到每个图像中，同时递增数字：
var i = 2;
$('img').each(() => {
$(this).attr('alt', 'image-' + (i++));
});Stack Overflow用户
发布于 2017-10-28 18:37:19
你应该试试这个.
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46993062
复制相关文章
相似问题
腾讯云开发者
