在图像上自动添加 alt

Posted 2023-05-09

【中文标题】在图像上自动添加 alt

【英文标题】：Auto add alt on images

【发布时间】：2017-11-05 09:02:57

【问题描述】：

当我添加时

$(document).ready(function()   
$('#readerareaimg img').each(function()
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
);  

我的网站会根据文件名在图像上自动生成 alt 和标题标签，但我想在文件名前添加任何单词。 例如文件名是comic.jpg，我将显示alt="comic"，但我希望那个alt变成alt="read comic"。

有人能解释一下怎么做吗？请先生：3

【参考方案1】：

设置 alt 属性时连接字符串的简单案例：

$img.attr('alt', 'read ' + filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));

---

对于来自 cmets 的数字请求，您可以捕获从零开始的索引参数，然后 +1 得到 1-n。

$('#readerareaimg img').each(function(index)
    $(this).attr('alt', 'comic naruto image ' + (index+1));
);  

【讨论】：

我的朋友：我对jquery和java一无所知，我只是想学习它！再次，您保存了我的网站 seo :v

你知道如何在每个图像列表的名称后制作自动编号列表 1-9 吗？例如，我有 10 张图片比我想做的 alt > 漫画火影忍者图像 1、漫画火影忍者图像 2 和其他？

【参考方案2】：

您可以在放置属性值的位置使用“+”号。

$img.attr('alt', 'required word'+filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); 

或

$img.attr('alt',filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))+'required word');