Javascript 在将元素1追加到文档之前，先将元素2追加到元素1

我希望使用jQuery动态创建一个元素，并在其中动态放置另一个元素，但在附加它之前

例如，我希望输出如下所示：

<span class="imageContainer">
    <p>Close</p>
    <img src="image.jpg" />
<span>

我可以使用以下方法，但它阻止我使用提供属性的其他方法：

$('<span class="imageContainer"><p>Close</p><img src="image.jpg" /></span>').prependTo('body');

我目前正在用这段代码创建span元素，我想知道如何在将代码附加到任何东西之前将其附加到span元素，这可能是一个我忽略的简单解决方案：

$('<span/>', {
    'id': 'imageContainer'
});

我想使用此方法的原因是，我可以一次性附加click方法等

由于@ParvSharma更新了解决方案：

function hoverBox( url, e ) {
    var hoverbox = $( '<span/>', {
        'id': 'imageContainer',
        'style': 'top:'+e.pageY+'px; left:'+e.pageX+'px;'
    }).append(
        $('<p/>', {
            html: 'Close',
            click: function() {
                var parentContainer = '#'+$(this).parent().attr('id');
                destroy( parentContainer );
            }
        })
    ).append(
        $('<img/>', {
            'src': url
        })
    );
    return hoverbox;
}

试试这个：

$('<span class="imageContainer"><p>Close</p><img src="image.jpg" /></span>')
    .find('p')
        .click(function() {
            // click code here.
        })
    .end()
    .prependTo('body');

试试这个：

$('<span class="imageContainer"><p>Close</p><img src="image.jpg" /></span>')
    .find('p')
        .click(function() {
            // click code here.
        })
    .end()
    .prependTo('body');

试试这个

$('<span class="imageContainer"><p>Close</p><img src="image.jpg" /></span>').find("img").attr({}).end().prependTo('body');

您也可以根据自己的需求使用此选项

$('<span/>', {
    'id': 'imageContainer'
}).append('<p>Close</p><img src="image.jpg" />')
.prependTo('body');

试试这个

$('<span class="imageContainer"><p>Close</p><img src="image.jpg" /></span>').find("img").attr({}).end().prependTo('body');

您也可以根据自己的需求使用此选项

$('<span/>', {
    'id': 'imageContainer'
}).append('<p>Close</p><img src="image.jpg" />')
.prependTo('body');

使用jQuery创建元素后，它将返回该元素的jQuery对象

使用jQuery创建元素后，它将返回该元素的jQuery对象

跨越

变量span=$，{'id'：'imageContainer'}

那就做吧

span.append$

然后乔

span.append$

现在，将span附加到您想要附加它的任何对象 跨越

变量span=$，{'id'：'imageContainer'}

那就做吧

span.append$

然后乔

span.append$

现在，将span附加到您想要附加它的任何对象