Question

当我添加

$(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和title标签，但我想在文件名之前添加任何单词。例如文件名是comic.jpg，我将显示alt="comic"，但我希望该alt成为alt="read comic"。

有人可以解释如何制作这个吗？请，先生：3

Answer 1

设置alt属性时，这是连接字符串的简单情况：

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

对于来自注释的数字请求，您可以捕获基于零的索引参数，然后将其+1以获得1-n。

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

Answer 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');

自动在图像上添加alt

2 个答案: