Javascript Blogger使用帖子标题文本添加替代文本

Javascript Blogger使用帖子标题文本添加替代文本,javascript,jquery,blogger,Javascript,Jquery,Blogger,我想自动将alt文本添加到每个用文章标题填充的图像中。下面我有一段代码可以做到这一点,但它使用图像名称而不是文章标题。有人能帮忙吗 <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { $('img').each(function(){ var $img = $(this); var filename = $img.attr('src') $img.att

我想自动将alt文本添加到每个用文章标题填充的图像中。下面我有一段代码可以做到这一点,但它使用图像名称而不是文章标题。有人能帮忙吗

 <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> 

//

$img表示循环中的当前图像$attr(attributeName,value)是一个jquery函数,用于设置特定属性的文本。下面是一个示例,如果文章标题存储在类为“post title”的元素下


看起来你在任何地方都找不到文章的标题。在HTML中是否有一个类可用于循环中的文章标题,类似于
var-postTitle=$img.closest(“.post-title”).text()?然后,只需将
alt
更改为与循环的最后一行相同。class is.post title我不知道blogger是如何获得这篇文章的title@Nonick,我的意思是,你是如何获得文章标题的,我看到你在上面提到,有一个关于文章标题元素的类,我改变了我的答案,将其纳入其中。以下是我在blogger模板中找到的内容,所以这可能会对“
    • ”有所帮助。不过,我试着像这样放置$(this).attr('alt','');在参数列表和Inside标题标记文本被替换为“''”后,它返回“Uncaught SyntaxError:missing”。此外,当我使用它时,请尝试在页面呈现后使用F12工具查看实际DOM,确保blogger框架在加载期间不会干扰页面。
      $('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
      });