Question

我正在尝试使用jQuery在没有任何图像的图像上自动设置alt标签。我的图像显示在页面上，如下所示：

<div class="thumbinner">
  <a href="#" class="image">
    <img alt="" src="#" class="thumbimage">
  </a>
  <div class="thumbcaption">Caption</div>
</div>

我已经尝试了一些在Stack Overflow上看到的示例，但是对于如何选择正确的 .thumbcaption 文本，我感到非常困惑。

任何帮助绝对有用！

Answer 1

$(function() {
  $('.thumbinner').each(function(){
    let thumbcaption = $(this).find('.thumbcaption').text();
    $(this).find('img').attr('alt', thumbcaption);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="thumbinner">
  <a href="#" class="image">
    <img alt="" src="#" class="thumbimage">
  </a>
  <div class="thumbcaption">Caption</div>
</div>

Answer 2

您可以使用此代码为Thumbinner内部的所有图像设置字幕。

$('.thumbinner').each(function(){
   var caption = $(this).find('.thumbcaption').text();
   $(this).find('img').attr('alt', caption);
})

如何使用jQuery为页面上的每个图像自动设置唯一的alt标签？

2 个答案: