Изменить несколько атрибутов с помощью Jquery

Question

Я создаю галерею изображений и смог получить кликну миниатюрное изображение для загрузки в основной #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; 
    });
});

Какой правильный селектор для загрузки атрибута rel в массиве i?

Answer 1

Может быть, вам нужно

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

на месте вашего селектора

Answer 2

Я думаю, что вы хотите использовать $(this).attr('rel')и не просто this.attr('rel'),

Answer 3

Я думаю, что вы хотите:

rel: this.attr('rel')