在图像上自动添加 alt答案

【问题标题】：Auto add alt on images在图像上自动添加 alt
【发布时间】：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

【问题讨论】：

标签： javascript jquery wordpress image web

【解决方案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');

【讨论】：