Question

我想自动为每个填充了帖子标题的图片添加替代文字。下面我有一段代码可以做到这一点，但它使用图像名称而不是帖子标题。有人可以帮忙吗？

 <script type='text/javascript'>
 //<![CDATA[
 $(document).ready(function() {
  $('img').each(function(){
   var $img = $(this);
   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('.')));
  });
 });
 //]]>
 </script>

Answer 1

$ img表示循环中的当前图像。 $ img.attr（attributeName，value）是一个jquery函数，用于设置特定属性的文本。下面是一个示例，如果帖子标题存储在一个元素＆＃34; post-title＆＃34;的元素下面。

$('img').each(function(){
    var $img = $(this);

    var postTitle = $('.post-title') // get all the elements with the class post-title
      .first() // get the first element
      .text(); // get the text in the element

    $img.attr('title', postTitle); // set text of title
    $img.attr('alt', postTitle); // set text of alt
});

Blogger使用帖子标题文字

1 个答案: