Как обернуть var img = новое изображение с тегом?

Question

Попытка предварительно загрузить изображения в цикле, и все работает нормально, но как обернуть каждое изображение другим тегом. Выполнение этого кода не сработает, и я пока не вижу проблемы.

...
var img = new Image();
$(img).load(function(){
$(this).hide();         
$('.container').append('<a href="/">'+this+'</a>');                                                     $(this).fadeIn();                                       
});
...

Answer 1

вы пытались использовать $ (это), а не это.

или почему вы не используете:

  var $html = $(this).wrap('<a href="/" />');
  $('.container').append($html);

Answer 2

Вы не можете сделать '<a href="/">'+this+'</a>', когда это DOMElement.

Хорошим решением может быть:

// Inside the callback
$('<a href="/"></a>').append(this).appendTo('.container');

Помните, что если вы используете .wrap, он вернеторигинальный элемент, а не оболочка!

Answer 3

Он не знает, что делать с "этим" ... Если вы не делаете других дальнейших манипуляций с изображением на этом шаге, возможно ли, что вы сделаете это:

...
$('.container').append('<a href="/"><img id=' + anIdOfYourChoosing + ' /></a>');
...

, и вы просто задним числом устанавливаете свойства изображения после факта.

Answer 4

вы можете использовать wrap

http://api.jquery.com/wrap/

Answer 5

Использование $.wrap

$(img).wrap('<a href="#"></a>');