javascript - 自动将 'alt' 属性添加到页面上的每个图像

Question

我需要为每个网页上的每个图像添加 alt 属性。问题是其中一些网页上有数百的图像。

谁能推荐一种使用 JavaScript 或 jQuery 的方法，对于页面上的每个图像，将图像的名称(减去扩展名)复制到新的 alt 属性？

之前:

<img src="android.jpg width="100" height="50" />

之后(不包括“.jpg”):

<img src="android.jpg width="100" height="50" alt="android" />

Answer 1

在 jQuery 中:

$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring(0, filename.lastIndexOf('.')));
  });
});

如果 alt 属性没有already exist，你可以问之前通过添加:

var attr = $(this).attr('alt');
    if (typeof attr == typeof undefined || attr == false) {