jquery - 画像からタイトル属性を取得し、周囲のリンクに追加したい

Question

これまでのところ、私はこれを持っています:

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

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

問題は、最初の画像のタイトルを取得し、すべてのリンクで繰り返すことです。ID を使用して実行できますが、#image1、#image2 などがあるため、大量のコードが作成されます。私には過度でばかげているように思えますが、もっと簡単で良い方法があるはずです。おそらく、どの画像がクリックされたかを認識し、そこからタイトルを取得する方法がいくつかあります。

Fancybox で表示するためにユーザーが画像のタイトルを再入力する必要がないように、これを行いたいと考えています。

ファンシーボックスを変更してサムネイル画像のタイトルを取得し、それをフルサイズの画像に表示する方法があれば、私もそれで満足です。

ありがとう

Answer 1

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

Answer 2

を設定したいimgの子であるとすると、次のようなことを試すことができます。atitle

$('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);
});