Как получить ближайший h2 для каждой img?

Question

[Даниил Сугоняев]

Имеется сайт с огромным количеством страниц. На многих страницах не проставлены alt у картинок. Появилась необходимость получать значение из ближайшего к img заголовка h2 и прописывать его в качестве alt. Трудность состоит как раз в том, чтобы прописать каждой картинке уникальный заголовок.

Answer 1

[Bukinator]

data = $(img).closest(h2).text()

Comments

[Сергей Тутуков]

если такая структура будет, то сработает))

<h2>
	текст
	<img src="" alt="">
</h2>

[Даниил Сугоняев]

Такое решение не подходит. Я получал массив объектов через $('img').siblings('h2');
Но не могу понять как раскидать их по нужным картинкам.

[Bukinator]

$( img ).each(function(  ) {
  $(this).attr('alt', $(this).closest(h2).text())
});

[Даниил Сугоняев]

Bukinator: Ваш код не работает, но за наводку с each спасибо
Вот рабочий код
$( "img" ).each(function( ) {
var clo = $(this).siblings('h2').text();
$(this).attr('alt', clo);
});

[Bukinator]

Ну не зная разметки сложно угадать правильный селектор.
ЗЫ: Можно поставить галочку "ответ получен"

[Сергей Тутуков]

Это правильный ответ?
Код Bukinator: будет работать только при структуре:

<h2>
  текст
  <img src="" alt="">
</h2>

Ваш, Даниил Сугоняев:. работает только при структуре:

<h2>текст</h2>
<img src="" alt="">

[Сергей Тутуков]

https://codepen.io/STutukov/pen/BZjWEE?editors=0010

[Даниил Сугоняев]

Сергей Тутуков: Посмотрите, пожалуйста, на примере https://msk.astralnalog.ru/egais/
Здесь нужно задавать картинкам alt, у меня ваш код почему-то не срабатывает

[Сергей Тутуков]

Даниил Сугоняев: тебе нужно только для этой страницы?

[Даниил Сугоняев]

Сергей Тутуков: Нет, по хорошему для всех страниц этого сайта, но достаточно для этой, дальше сам буду разбираться

[Сергей Тутуков]

Даниил Сугоняев: https://codepen.io/STutukov/pen/NgxjOR?editors=1010

[Даниил Сугоняев]

Сергей Тутуков: Хорошо, спасибо) Напишите решение отдельным комментарием - я отмечу решением