jQuery:在元素之间移动属性

Question

我有这个 HTML 标记

<a href="#" title="">
   <img src="#" title="image1" />
</a>

<a href="#" title="">
   <img src="#" title="image2" />
</a>

<a href="#" title="">
   <img src="#" title="image3" />
</a>

我需要获取每个图像的标题并将其放在它们的“a”上。我尝试用这个函数来做到这一点

   $(function() {

    var title = $('a').find('img');

    var updateTitle = title.attr('title');

    $('a').attr({
      title: updateTitle,
      alt: 'lol'
     });
 });

但唯一的结果是所有“a”的标题相同(他找到的第一个标题)

有什么帮助吗？？？

非常感谢

Answer 1

$(function() {
    $('a > img').each(function() {
        this.parentNode.title = this.title;
        this.parentNode.alt = 'lol';
    });
});

或

$(function() {
    $('a:has(img)').attr('title', function() {
        return $(this).children('img').attr('title');
    }).attr('alt', 'lol');
});