如何使用jQuery创建图像超链接元素？

Question

可以像这样创建超链接

jQuery('<a />', {
                href: val.link_to,
                target: "_blank",
                text: text
            }).appendTo("#epic");

我们可以像这样创建一个图像元素

 var img = $('<img />', {
                class: 'hex',
                src: url,
                alt: alternate
            })

如何使用上面为超链接创建的图片而不是文字？

Answer 1

创建后立即将图片附加到链接

var img = $('<img />', {
            class: 'hex',
            src: url,
            alt: alternate
        });

jQuery('<a />', {
            href: val.link_to,
            target: "_blank"              
        }).append(img).appendTo("#epic");

Answer 2

另一种变化：

$('#epic').append($('<a />', {
                    'href': val.link_to,
                    'target': "_blank"              
                }).append($('<img />', {
                     'class': 'hex',
                     'src': url,
                     'alt': alternate
                     }))
                );

Answer 3

jQuery('<a href="'+val.link_to+'" target="_blank"><img class="hex" src="'+url+'" alt="'+alternate+'" /></a>).appendTo('#epic');