Я хочу получить атрибут заголовка из изображения и добавить его к окружающей ссылке

Question

Пока у меня есть это:

var imageTitle = $("a.articleimages img").attr("title");

$('a.articleimages').attr('title', (imageTitle));

Проблема в том, что он берет заголовок первого изображения и повторяет его для каждой ссылки. Я могу сделать это с помощью идентификаторов, но это создает много кода, потому что у вас есть # image1, затем # image2 и так далее. Что мне кажется чрезмерным и глупым, должно быть проще / лучше. Может быть, есть какой-то способ узнать, какое изображение было нажано, и извлечь из него заголовок.

Я хочу сделать это, чтобы пользователям не приходилось перепечатывать заголовок изображения, чтобы его можно было увидеть в Fancybox.

Если есть способ изменить fancybox и заставить его взять заголовок миниатюрного изображения и показать, что для полноразмерного изображения, то я тоже был бы рад

Спасибо

Answer 1

$("a.articleimages img").each(function() {
  var $this = $(this);
  $this.parent().attr('title', $this.attr('title'));
});

Answer 2

Учитывая, что img является потомком a, для которого вы хотите установить title, вы можете попробовать что-то вроде этого:

$('a.articleimages img').each(function(idx, element) {
   $(element).parent().attr('title',$(element).attr('title'));
});

Answer 3

var imgs = $("a.articleimages img");

imgs.each(function(i, ele){
    var img = $(ele);
    var title = img.attr('title');
    img.parent('a').attr('title', title);
});