我想从图像中获取标题属性，然后将其添加到周围的链接中

Question

到目前为止，我已经有了：

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

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

问题在于它获取第一个图像的标题并在每个链接上重复。我可以使用ID来实现它，但是它会创建很多代码，因为您有＃image1，然后是＃image2等。对我来说，这似乎过剩和愚蠢，必须有一种更轻松/更好的方法。也许有某种方法可以知道已单击哪个图像并从中删除标题。

我想这样做，这样用户就不必重新输入图像标题来在Fancybox上看到它。

如果有一种方法可以更改花哨的盒子并获取它来获取缩略图图像标题并显示为全尺寸图像，那么我也会对此感到满意。

谢谢

Answer 1

鉴于那个 img 是一个孩子 a 您想设置 title 因为您可以尝试这样的事情：

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

Answer 2

$("a.articleimages img").each(function() {
  var $this = $(this);
  $this.parent().attr('title', $this.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);
});