JQuery добавить IMG и

Question

Мне нужно добавить img внутри тега <a>. Я взломал это и не решился, сводя меня с ума. Если вы можете помочь, это было бы здорово. Я использую jQuery 1.5

while condition{
    $("<img>").attr("src", thumb).appendTo("#images");
}

Конечный результат должен быть:

<a href="#"><img src="xxxxx"></a>

Когда я использую prepend или appendto, я получаю такой результат:

<div id="images src="xxxxxxx"><a></a> 
OR
<a href="#"></a><img src="xxxxx">

Спасибо за любую помощь.

Answer 1

$("#images").append($("<a>", 
{
    href: "#", 
    html: $("<img>", { src: thumb })
}));

рабочий пример: http://jsfiddle.net/hunter/Rxkxg/

Answer 2

$('<a>') // create anchor first
  .attr('href','#') // set anchor HREF attribute
  .append( // inside it, append an image
    $('<img>') // new image
      .attr('src',thumb) // set image SRC attribute
  ) // end append
  .appendTo('#images') // add to image body

Почти на правильном пути ...

демо