自动在图片上添加替代项

Question

When I add

$(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('.')));
});  

My website will generate alt and title tags automatically on images based on their file name, but I want to add any word before the file name. For example file name is comic.jpg and I will display alt="comic" , but i want that alt to become alt="read comic" .

Can someone explain how to make this? Please, sir :3

Answer 1

It's a simple case of concatenating the string when you set the alt attribute:

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

---

As for the number request from the comments, you can capture the index argument which is zero based, then +1 it to get 1-n.

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

Answer 2

You can use '+' sign in the where you put value of attribute.

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

or

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