在特定位置创建img答案

【问题标题】：Create img in specific location在特定位置创建img
【发布时间】：2011-04-12 01:02:55
【问题描述】：

我正在尝试从标签中获取 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。

【问题讨论】：

标签： jquery append attr

【解决方案1】：

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

jsFiddle.

如果我需要在 div 中包装 img 并在 #Target_Location 元素之后使用自己的 class ... 怎么办？

试试这个...

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

jsFiddle.

【讨论】：

如果我需要用自己的类将 img 包装在一个 div 中怎么办？
@Jason 你可以img.wrap('<div class="hello" />')。
@alex 我如何将它与上面的代码结合起来？同样，当我说附加时，我的意思是在#Target_Location 元素之后，而不是插入。
@Jason 您可以通过将appendTo 更改为insertAfter 来插入它。至于结合整个事情，请参阅更新。
@alex 展示位置和 img 创建是完美的，但 div 没有被创建： $('', {'src': src,'class': 'DCT_Card边框'}).wrap('
').insertAfter($('.SH_P').parent());

【解决方案2】：

试试这个代码：

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

【讨论】：

这会将#Target_Location 附加到img 元素上。 jsFiddle.
不...不会。 >.jsfiddle
我相信这个 HTML 另有说明...<img src="http://www.example.com/img.png" class="DCT_Card">#Target_Location</img>