自动将"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属性是否已存在:

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