Как обернуть изображения в div и основной контейнер?

Добрый вечер. Подскажите код, который автоматический обворачивает все изображения в div, а также добавляем основной контейнер.

Сейчас так:

<p>
<a href="" class="fancybox"><img src="'" alt="" /></a>
<a href="" class="fancybox"><img src="'" alt="" /></a>
<a href="" class="fancybox"><img src="'" alt="" /></a>
<a href="" class="fancybox"><img src="'" alt="" /></a>
<a href="" class="fancybox"><img src="'" alt="" /></a>
<a href="" class="fancybox"><img src="'" alt="" /></a>
</p>

Хочу сделать так:

<div class="container">
<div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
<div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
<div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
<div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
<div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
<div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
</div>

el-lable620 el-lable.ru

Не совсем понятно зачем вам это надо. Если это как-то связано со стилизацией элементов, то вы можете применить стили прям к элементу a вместо div с классом item, то же самое и элементом p вместо элемента контейнера.

4 года назад #

Сергей 4 года назад

Да, это связано со стилизацией. Да и код получается более правильный, если организовать всё с помощью стилей.

Комментировать