Оберните все <img> в <div>, возьмите атрибут alt и добавьте его в <p> внутри

Попытка заменить этот код jquery на некоторую магию на стороне сервера php:

$(document).ready(function() { $('#text img').each(function(){ source = $(this).attr('src'); $(this).wrap($('<div class="caption '+ $(this).attr('class') + '"></div>')).removeAttr('class').removeAttr('height').removeAttr('width'); $(this).after('<p>' + $(this).attr('alt') + '</p>'); $(this).attr('src', '/system/tools/phpthumb/phpThumb.php?src=' + source + '&wl=200&hp=200&q=85&f=jpg'); }); }); 

Все, что он делает, это:

 <img class="right" src="blah.jpg" alt="My caption" width="100" height="200" /> 

И заменяет его:

 <div class="caption right"> <img src="/system/tools/phpthumb/phpThumb.php?src=blah.jpg&wl=200&hp=200&q=85&f=jpg" alt="My caption" /> <p>My caption</p> </div> 

Изображения разбросаны по всему блоку текстильной формы html между <p> . Что-то вроде этого:

 <p>My paragraph text</p> <img src="image.jpg" /> <p>Another paragraph text <img src="another_image.jpg" /> with more text</p> <p>And so on</p> 

Это позволяет пользователям плавать изображения влево, вправо или в центре, а миниатюры автоматически создаются с помощью phpthumb. Я предполагаю, что мне нужно будет использовать регулярные выражения. Я новичок в php и знаю только интерфейсную кодировку. Как бы вы напали на это?

Solutions Collecting From Web of "Оберните все <img> в <div>, возьмите атрибут alt и добавьте его в <p> внутри"