Я пытаюсь использовать jQuery для автоматической установки тега alt для изображений без него. Мои изображения отображаются на странице так:

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

Я пробовал пару примеров, которые видел здесь, в Stack Overflow, но я совершенно не понимаю, как выбрать правильный текст .thumbcaption .

Любая помощь определенно будет полезна!

1
penguinstyles 25 Сен 2018 в 04:23

2 ответа

Лучший ответ

Вы можете использовать этот код для установки заголовков на всех изображениях внутри thumbinner.

$('.thumbinner').each(function(){
   var caption = $(this).find('.thumbcaption').text();
   $(this).find('img').attr('alt', caption);
})
0
karthick 25 Сен 2018 в 01:30
$(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>
1
Adrian Brand 25 Сен 2018 в 01:32