Найти URL-адрес источника изображения для всех изображений в сообщении ⇐ Jquery

[Anonymous]

Краткое описание: я нахожусь в ситуации Jekyll, когда мне нужно найти URL-адрес источника для каждого отдельного изображения и отправить его обратно в файл a href="imgurl". jQuery или Javascript.

Что я пробовал:

Код: Выделить всё

$(document).ready(function(){

var postTitle = document.title.replace(/ /g,'');

$("article img").each(function() {
imgsrc = this.src;
console.log(imgsrc);
});

$("article img").wrap('');

Причина, по которой я заключаю img статьи в a-тег, заключается в том, что prose.io, который я использую для уценки, автоматически назначает изображения внутри p- теги.

В конечном итоге я хочу сгруппировать все изображения в одном сообщении (data-lightbox) и автоматически создать галерею лайтбоксов из добавленных на страницу изображений.

С помощью моего существующего кода мне удалось получить URL-адрес первого добавленного изображения, но, к сожалению, всем изображениям в сообщении присваивается тот же URL-адрес, что и первый. На сайте они отображаются как правильные изображения, но URL-адрес такой же, как у первого изображения (позиция [0] в массиве). Когда я щелкаю изображение, открывается лайтбокс и появляется нужное количество изображений, но все они показывают первое изображение. console.log правильно печатает все URL-адреса изображений в сообщении.

РЕДАКТИРОВАТЬ-БОНУС: проверено! В качестве бонусного вопроса: если бы мне пришлось сделать то же самое с замещающим текстом, скопировав его в атрибут data-title, как бы я поступил? На данный момент есть это:

Код: Выделить всё

var altText = $("img", this).attr("alt");

$("article img").each(function() {
$(this).wrap('');

});

Опять же, он просто получает первое изображение alt и назначает его всем изображений.

Надеюсь, некоторые из вас знают, как обойти эту неразбериху.

Заранее спасибо за ваше время!

Подробнее здесь: https://stackoverflow.com/questions/349 ... -in-a-post