@DivineDraft

Как обернуть картинку нужным кодом?

Идет конструкция:
<div class="news-full-text">
текст
<img src="#" свойств и тд>
текст
<img src="#" свойств и тд>
текст
</div>


Каким образом можно обратиться к .news-full-text img и обернуть каждую из картинок примерным кодом, чтобы получилось вокруг img:
<div class="image">
    <img src="картинка">
    <div class="image-social">социальные кнопки</div>
</div>


Благодарим любим примерам или мыслям.
  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
0xD34F
@0xD34F
$('.news-full-text img').each(function() {
  $(this).replaceWith(`
    <div class="image">
      ${this.outerHTML}
      <div class="image-social">социальные кнопки</div>
    </div>
  `);
})
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
kreotech
@kreotech
Абстрактно-ориентированный программист
Это можно сделать используя метод .wrap()
Набросал пример.
Картинки не отображаются, так как в коде не заданы адреса. Смотреть через инструменты разработчика.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы