使用 Jquery 更改多个属性答案

【问题标题】：Change multiple attributes with Jquery使用 Jquery 更改多个属性
【发布时间】：2011-11-23 22:13:35
【问题描述】：

我正在构建一个图像库，并且已经能够将单击的缩略图图像加载到主#large div 中一个新的标签 src。我也在尝试获取 rel 属性，以便在标签中填充 rel 属性。

这是我的代码...

$(document).ready(function() {
    $('a.thumbnail').live("click", function() {
        $('#large').hide();
        $('#project-image').css('background-image', "url('/assets/images/ajax-loader.gif') no-repeat");

     //   var i = $('<img />').attr('src',this.href).load(function() {

        var i = $('<img />').attr({    
        src: this.href,
        rel: MISSING REL SELECTOR

        }).load(function() {




            $('#large').attr('src', i.attr('src'));
            $('#large').attr('rel', i.attr('rel'));
          $('#project-image').css('background-image', 'none');
            $('#large').fadeIn();
    });

        return false; 
    });
});

在 i 数组中加载 rel 属性的正确选择器是什么？

【问题讨论】：

见saving.edoardobiasini.it/project/view/project_4

标签： jquery ajax rel

【解决方案1】：

我想你想要：

rel: this.attr('rel')

【讨论】：

不幸的是，它似乎破坏了 .loading 功能，因为图像在空白窗口中打开......

【解决方案2】：

我认为您想使用$(this).attr('rel')，而不仅仅是this.attr('rel')。

【讨论】：

不走运... .loading 函数不会中断，但我的 rel 属性不会更新

【解决方案3】：

也许你需要一个

$(this).children('img').attr('rel')

代替您的 MISSING REL SELECTOR

【讨论】：

不走运……我仍然在加载的图像中得到原始的 rel 属性
$('a.thumbnail') 是否包含您需要的 rel 属性？或者它可能是 $('a.thumbnail') 中的 img？一个工作示例可能有用：P
哦，我看到那些 $('a.thumbnail') 没有 rel 标签，也许你想添加标题 attrs 代替？（对于那些拥有它的人，有些人没有）如 $(this).attr('title')
我更喜欢获取 rel 元素...我可以填充所有元素...使用第 1 和第 4 个缩略图进行测试，因为它们具有 rel 属性...。
是的，那些有title和alt属性，但没有rels :P