在特定位置创建img

Question

我试图从标签中获取 href，创建一个 img 并使用 href 作为 src。该网站上的另一个人帮助解决了 src=href 部分，但我在使用此 src 创建 img 并将其附加到特定位置时遇到困难。这绝对是某种我无法弄清楚的语法错误。

如果我使用 src 的实际链接，它会有点作用。

$("#Results a").live('dblclick', function(event){
    if (event.type === 'dblclick') {
        var src = $(this).attr("href");
        $("#Target_Location").append('<img src=" " />').attr("src", src).addClass('DCT_Card');
    }
});

发生的情况是 #Target_Location 是获取该类的位置，并且不会生成任何 img。

Answer 1

$('<img />', { 'src': src, 'class': 'DCT_Card' }).appendTo('#Target_Location');

jsFiddle。

如果我需要将 img 包装在 div 中，并在 #Target_Location< 后使用自己的 class ... /code> 元素？




试试这个...

$('<img />', { 'src': src, 'class': 'DCT_Card' })
 .wrap('<div class="something" />')
 .parent()     
 .insertAfter('#Target_Location');

jsFiddle。

Answer 2

试试这个代码：

$('<img/>').attr('src', src).addClass('DCT_Card').appendTo('#Target_Location');